NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La marca ficticia es "AlmaDorada", empresa de cuidados senior. Utiliza la siguiente paleta de colores: #0E0E0E (texto principal), #FFFFFF (fondo), #F5F5F5 (secciones), #1A73E8 (botones y enlaces), #E0E0E0 (bordes y sombras). Tipografía: "Inter" para títulos y cuerpos, importada desde Google Fonts.
Estructura:
- <header> con navbar fija: logo SVG (texto AlmaDorada), menú principal con dropdowns (Demos, About, All pages), botón secundario "Book a call" que abre un modal, y botón primario "Get in touch" que enlaza a la página de contacto.
- Modal de "Book a call": formulario simple (nombre, email, teléfono, mensaje) y botón de envío; incluye overlay y cierre con icono X.
- <section class="hero"
3.611 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.611 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 logo, menú desplegable (Demos, About, All pages) y botones "Book a call" y "Get in touch"
- 1.2 Hero: título grande, subtítulo, botón principal y visual de pantalla
- 1.3 Sección de demos: título, párrafo descriptivo, grid de 3 tarjetas que enlazan a distintas home pages
- 1.4 Footer: enlaces de información, redes sociales y datos de contacto (asumido)
ABOUT US
- 2.1 Navbar (consistent)
- 2.2 Hero específico de la página
- 2.3 Texto descriptivo y galería
- 2.4 Footer
SERVICES
- 3.1 Navbar
- 3.2 Lista de servicios en tarjetas
- 3.3 Detalle de servicio
- 3.4 Footer
CONTACT US
- 4.1 Navbar
- 4.2 Formulario de contacto (nombre, apellidos, email, teléfono, mensaje)
- 4.3 Información de ubicación y mapa
- 4.4 Footer
PROMPTS RELACIONADOS · MODA
