NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Áurea Consultoría (aureaconsultoria.com) usando un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. Reproduce la estructura y estilo del sitio original:
- Paleta de colores: fondo principal #0A0A0A, texto principal #FFFFFF, acentos #FFC107 (amarillo dorado), #1E3A8A (azul profundo).
- Tipografía: "Inter" para títulos y cuerpo, weights 400 y 700.
- Header: barra superior fija, logo SVG blanco alineado a la izquierda, menú horizontal con enlaces Home, Pages (dropdown con sub‑enlaces), Blogs, FAQ, Contact, Style Guide. Cada enlace muestra texto principal y versión alterna al hover (efecto de desplazamiento). Dropdown con ícono chevron rotativo.
- Hero: sección a pantalla completa, fondo degradado oscuro, título grande "Impul
3.545 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.545 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 Header con logo blanco, menú principal y dropdowns.
- 2.1 Hero con fondo oscuro, gran titular, subtítulo y botón CTA.
- 3.1 Bloque de servicios en cuadrícula de tres columnas con iconos y texto.
- 4.1 Sección de casos de estudio con tarjetas horizontales y miniaturas.
- 5.1 Área de blog con tarjetas de artículos y enlaces a detalles.
- 6.1 FAQ accordion con preguntas y respuestas.
- 7.1 Footer con logo, enlaces rápidos, redes sociales y datos de contacto.
SERVICES
- 1.1 Encabezado de página y descripción breve.
- 1.2 Lista de servicios en tarjetas con iconos.
- 1.3 CTA para contactar.
CASE STUDY
- 1.1 Título de caso y criterios.
- 1.2 Imagen destacada y resumen.
- 1.3 Detalle de resultados y llamado a acción.
BLOG
- 1.1 Lista de artículos en cuadrícula.
- 1.2 Extracto y fecha.
- 1.3 Enlace a artículo completo.
FAQ
- 1.1 Pregunta 1 con respuesta colapsable.
- 1.2 Pregunta 2 con respuesta colapsable.
- 1.3 Pregunta 3 con respuesta colapsable.
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje).
- 1.2 Información de contacto y mapa estático.
- 1.3 Botón enviar.
PROMPTS RELACIONADOS · BEAUTY / SPA
