NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "Branding Ámbar" (agencia digital). Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual del sitio analizado: barra de navegación fija con logo SVG a la izquierda, menú principal a la derecha con enlaces "overview", dropdown "home" (opciones Home A/B/C) y dropdown "pages". Fondo blanco, paleta de colores principal #000000 (texto y logotipo), acentos #1d4ed8 (botones y enlaces), #e5e7eb (bordes y dividers), #f9fafb (fondos de secciones). Tipografía: Inter, peso 400‑600, tamaños de 14‑48px según jerarquía.
Estructura de la página HOME (secciones numeradas):
1.1 Navbar: logo SVG inline, enlaces con hover underline, dropdowns animados con transición de 0.3s, íconos SVG en cada opción.
1.
3.827 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.827 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación con logo y menú dropdown
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Bloque Overview descriptivo
- 1.4 Tarjetas de ejemplos de home (A, B, C)
- 1.5 Características en columnas
- 1.6 Testimonios circulares
- 1.7 Footer con enlaces y redes
OVERVIEW
- 2.1 Encabezado de sección y texto introductorio
- 2.2 Lista de ventajas con iconos
HOME‑A
- 3.1 Imagen ilustrativa
- 3.2 Detalle de layout simple y directo
HOME‑B
- 4.1 Imagen ilustrativa
- 4.2 Detalle de layout con números y prueba social
HOME‑C
- 5.1 Imagen ilustrativa
- 5.2 Detalle de layout técnico
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Información de email y teléfono
PROMPTS RELACIONADOS · AGENCIA DIGITAL
