NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página para la marca ficticia Belleza Titan (bellezatitan.com). Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #FFFFFF (fondo), #F4F4F5 (gris claro), #0EA5E9 (azul‑cian acento), #1E293B (texto oscuro). Tipografía: "Inter", sans‑serif, peso 400‑600, importada desde Google Fonts.
Header: barra fija top, fondo blanco, sombra ligera. Logo a la izquierda (texto Belleza Titan en bold, color #0EA5E9). Menú hamburguesa a la derecha que abre un overlay con enlaces a #projects, #services, #testimonials, #cta.
Hero: sección full‑height, fondo gradient #0EA5E9 → #0284C7, texto centrado: título grande "Innovación en IA y Diseño", subtítulo gris claro, dos botones ("Proyectos" → #projects, "Contactar" → #cta) con
3.780 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.780 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 y menú hamburguesa
- 2.1 Hero con título, subtítulo y botones de ancla
- 3.1 Projects – grid de tarjetas con hover
- 4.1 Services – lista de íconos y descripción breve
- 5.1 Testimonials – carrusel horizontal
- 6.1 CTA – fondo destacado con botón de contacto
- 7.1 Footer con enlaces y datos de contacto
PROJECTS
- 1.1 Grid de tarjetas, cada una con imagen, título y breve descripción, enlace a detalle
SERVICES
- 1.1 Lista de 3 columnas, cada una con icono SVG, título y párrafo descriptivo
TESTIMONIALS
- 1.1 Slider automático con 3 testimonios, foto circular, nombre y comentario
CTA
- 1.1 Bloque centrado, texto invitando al contacto y botón grande
FOOTER
- 1.1 Área de contacto (email, teléfono), enlaces de navegación y iconos sociales
PROMPTS RELACIONADOS · BEAUTY / SPA
