
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. La marca ficticia es Áurea Consulting (aureaconsulting.com). El proyecto es un sitio corporativo para una consultora estratégica.
**Paleta de colores**
- Primary: #0D3B66
- Secondary: #FAA307
- Accent: #F4D35E
- Background: #FFFFFF
- Dark text: #212529
- Light text: #6C757D
**Tipografía**
- Fuente principal: "Inter", sans-serif (cargar vía Google Fonts).
- Peso 400 para párrafos, 600 para subtítulos, 700 para títulos.
**Estructura**
1. **Header** fijo con fondo blanco, sombra ligera. Logo a la izquierda (texto Áurea Consulting). Botón hamburguesa que abre un overlay con dos dropdowns.
- Dropdown 1: columnas "Homepage", "Contact", "Blog" con enlaces y breves descripciones.
- Dropdown 2
4.266 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.266 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 superior con logo y botón de menú hamburguesa
- 1.2 Mega‑menú con tres columnas: Homepages, Contact, Blog
- 1.3 Segundo dropdown con enlaces institucionales y casos
- 1.4 Hero con título, subtítulo y CTA principal
- 1.5 Grid de servicios (3 columnas)
- 1.6 Tarjetas de casos de estudio (horizontal)
- 1.7 Blog destacado (3 tarjetas)
- 1.8 Formulario de contacto rápido
- 1.9 Footer con navegación, contacto y redes
ABOUT
- 2.1 Banner interior con título y breadcrumb
- 2.2 Texto de historia y valores en dos columnas
- 2.3 Equipo con fotos y cargos en grid
- 2.4 CTA a descargar presentación
- 2.5 Footer
SERVICES
- 3.1 Cabecera con título y descripción breve
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Testimonios rotantes
- 3.4 CTA a agenda una reunión
- 3.5 Footer
CASE STUDIES
- 4.1 Cabecera con título y filtro por sector
- 4.2 Grid de casos con imagen, título y resumen
- 4.3 Paginación
- 4.4 Footer
BLOG
- 5.1 Cabecera blog con búsqueda y categorías
- 5.2 Lista de entradas en tarjetas (imagen, título, excerpt)
- 5.3 Sidebar con últimos posts y newsletter
- 5.4 Footer
CONTACT
- 6.1 Hero de contacto con mapa embebido
- 6.2 Formulario completo (nombre, email, teléfono, mensaje)
- 6.3 Información de oficina y horarios
- 6.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA