NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Usa la marca ficticia Áurea Estudio (aureaestudio.com) con el claim "Diseñamos experiencias visuales con precisión y claridad". Aplica la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #E0E0E0 (bordes y elementos secundarios), #FF6600 (acentos y botones). Tipografía: Inter (google font) para todo el contenido, tamaños variables según jerarquía (h1 4rem, h2 2.5rem, h3 2rem, cuerpo 1rem).
Estructura y bloques:
1. Header superior fijo con barra que muestra "at london, uk" a la izquierda, la hora "[ 09 : 50 : 03 ]" al lado y el email "HELLO@AMELIA.COM" a la derecha. Debajo, barra de navegación hamburguesa con enlaces Home, About, Works, Blogs, Services, Contact y botó
4.448 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.448 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 Barra superior con ubicación, hora y correo
- 1.2 Menú hamburguesa y botón "Get in Touch"
- 1.3 Hero con título, subtítulo, video de fondo y enlace a Show Reel
- 1.4 Bloque de expertise: marquee de palabras clave y tres tarjetas de servicio
- 1.5 Texto de presentación de la agencia
- 1.6 Sección de trabajos destacados: lista de proyectos con año, imagen y cliente
- 1.7 Footer simple con copyright y enlaces sociales
ABOUT
- 2.1 Header con navegación idéntica a Home
- 2.2 Hero interno con título y descripción breve
- 2.3 Texto sobre la historia y valores del estudio
- 2.4 Equipo: tarjetas con foto, nombre y rol
- 2.5 Footer idéntico al de Home
WORKS
- 3.1 Header con navegación
- 3.2 Grid de proyectos filtrables
- 3.3 Cada tarjeta muestra imagen, título, año y cliente
- 3.4 Modal emergente con detalle del proyecto
- 3.5 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos con imagen, título, fecha y extracto
- 4.3 Paginación
- 4.4 Footer
SERVICES
- 5.1 Header
- 5.2 Lista de servicios con icono, título y descripción corta
- 5.3 Call to action para contacto
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Información de localización y teléfono
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
