NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web corporativo completo en un único archivo HTML autocontenido para la marca ficticia 'Armonía Isla', una consultoría boutique de estrategia y diseño editorial para marcas premium. Dominio: armoniaisla.com. Email: hola@armoniaisla.com. Claim: 'Estrategia con voz propia, ejecución con criterio editorial'. Año: 2025.
STACK TÉCNICO:
- HTML5 semántico + Tailwind CSS vía CDN (script de play.tailwindcss.com o cdn.tailwindcss.com)
- JavaScript vanilla en un solo <script> al final del body
- Sin frameworks, sin build, sin dependencias externas más allá de Tailwind CDN y Google Fonts
- Imágenes vía Unsplash (https://images.unsplash.com/...) con temática editorial cálida: retratos en tonos tierra, interiores minimalistas, papel, arena, materiales naturales
- Iconos: SVG inline lineal
9.286 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.286 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 Navbar con mega-menú
- 1.2 Hero editorial con métrica
- 1.3 Marquesina de logos clientes
- 1.4 Bloque manifiesto imagen+texto
- 1.5 Grid de servicios con iconos
- 1.6 Contadores de resultados
- 1.7 Proceso por pasos numerados
- 1.8 Casos de estudio asimétrico
- 1.9 Testimonio editorial grande
- 1.10 Equipo en grid
- 1.11 CTA con formulario
- 1.12 Footer extenso
SOBRE NOSOTROS
- 2.1 Navbar
- 2.2 Hero About con título serif y subtítulo
- 2.3 Manifiesto de valores en tres columnas
- 2.4 Línea temporal del estudio por años
- 2.5 Galería editorial de imágenes
- 2.6 Bloque de liderazgo con fotos grandes
- 2.7 CTA intermedio
- 2.8 Footer
SERVICIOS
- 3.1 Navbar
- 3.2 Hero Servicios con introducción
- 3.3 Listado detallado de servicios en filas con número, título, descripción y entregables
- 3.4 Bloque de metodología en acordeón
- 3.5 Tabla comparativa de modalidades de colaboración
- 3.6 FAQ
- 3.7 CTA final
- 3.8 Footer
CASOS
- 4.1 Navbar
- 4.2 Hero Casos con filtros por categoría
- 4.3 Grid de proyectos
- 4.4 Bloque de resultados agregados
- 4.5 CTA
- 4.6 Footer
CONTACTO
- 5.1 Navbar
- 5.2 Hero Contacto con datos directos
- 5.3 Formulario de contacto detallado a dos columnas con imagen lateral
- 5.4 Bloque de oficinas con direcciones
- 5.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
