NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Spa Aurora, una agencia de diseño y desarrollo web. El proyecto debe estar totalmente contenido en un único archivo HTML usando Tailwind CSS a través del CDN y JavaScript vanilla sin dependencias externas.
**Requisitos generales**
- Utilizar la paleta de colores: #0A2239 (azul marino profundo), #1E3A5F (azul grisáceo), #F5F7FA (gris muy claro de fondo), #FFFFFF (blanco), y acentos en #00A8E8 (cian brillante).
- Tipografía: Headings con "Inter" (sans‑serif) y cuerpo con "Roboto". Cargar ambas fuentes desde Google Fonts.
- Estructura de página única con secciones identificadas por `id` para navegación interna.
- Implementar un menú de navegación fijo, responsivo, con dropdowns multi‑nivel y botón "Let’s talk" que abre el formulario de contac
4.424 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.424 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 Cabecera fija con logotipo, menú multi‑nivel y botón de contacto
- 1.2 Hero con título grande, subtítulo y mockup de pantallas
- 1.3 Sección de clientes y beneficios con iconos y textos alineados
- 1.4 Galería de plantillas de homepage con imágenes y overlay interactivo
- 1.5 Footer con enlaces de navegación y datos de contacto
ABOUT US
- 2.1 Cabecera idéntica a Home
- 2.2 Banner interno con título y descripción breve
- 2.3 Texto descriptivo con foto ilustrativa
- 2.4 Equipo de trabajo en cards
- 2.5 Footer común
SERVICES
- 3.1 Cabecera idéntica
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Sección de casos de estudio resumidos
- 3.4 CTA de contacto
- 3.5 Footer
PORTFOLIO
- 4.1 Cabecera idéntica
- 4.2 Grid de proyectos con filtro por categoría
- 4.3 Detalle de proyecto (imagen, descripción, tecnologías)
- 4.4 CTA
- 4.5 Footer
BLOG
- 5.1 Cabecera idéntica
- 5.2 Lista de artículos en tarjetas con imagen y extracto
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Cabecera idéntica
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Mapa embed
- 6.4 Información de contacto y redes
- 6.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
