NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño de una landing page para una plantilla de startup de bienestar, siguiendo estas indicaciones:
- Marca ficticia: Armonía Ámbar (armoniaambar.com, email hola@armoniaambar.com, claim "Diseños claros para ideas serenas").
- Stack: un solo archivo HTML que incluya Tailwind CSS mediante CDN (`https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css`) y JavaScript vanilla incrustado al final del body.
- Paleta de colores: fondo #F9FAFB, textos principal #111827, textos secundarios #6B7280, acento #3B82F6, botón primario #2563EB, botón hover #1D4ED8.
- Tipografía: `Inter` (Google Fonts) para todo el sitio, tamaños: 2.5rem (h1), 1.875rem (h2), 1.25rem (p), 1rem (texto base).
- Header: barra fija con logo (placeholder SVG), links "Home",
4.121 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.121 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 Encabezado con logo, navegación y botón "Request demo"
- 1.2 Modal emergente con oferta 50% y botones "Buy now" y "View template"
- 1.3 Hero principal: título grande, párrafo descriptivo y enlace con icono
- 1.4 Sección "Home Page": grid de 3 tarjetas, cada una con video de fondo y etiqueta
- 1.5 Sección "About": grid de 3 tarjetas con imágenes estáticas y etiqueta
- 1.6 Sección "Features": grid de 3 tarjetas con imágenes y etiqueta
- 1.7 Footer: logo, columnas de enlaces y datos de contacto
ABOUT
- No se incluye contenido propio, sólo enlaces desde la home
FEATURES
- Igual que arriba, solo enlaces a las páginas de detalle
CONTACT
- No hay página de contacto en el markup proporcionado
PROMPTS RELACIONADOS · BEAUTY / SPA
