NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Creador Aurora", estudio creativo de diseño digital y branding, siguiendo el esquema visual del sitio analizado. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Incluir:
- **Paleta de colores**: #0A0A0A (negro profundo), #F5F5F5 (gris muy claro), #FF6B35 (naranja vibrante), #4A90E2 (azul cobalto), #FFFFFF (blanco).
- **Tipografía**: "Inter" para cuerpos y menús, "Playfair Display" para encabezados principales. Cargar ambas desde Google Fonts.
- **Header**: barra superior fija, logo a la izquierda (texto "Creador Aurora" en Playfair, color #FF6B35), hora actual en formato 12h al lado derecho, botón de menú "Menu"/"Close" que despliega un panel lateral con enlaces: Inicio, Sobre Nosotrxs, Proyectos,
3.998 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.998 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 de navegación con logo, hora actual y botón de menú
- 1.2 Hero superior con título fragmentado en varias líneas y iconos vinculados a proyectos destacados
- 1.3 Hero inferior con carrusel de miniaturas de proyectos
- 1.4 Sección de proyectos recientes: título, descripción y grid de tarjetas
- 1.5 Footer con enlaces institucionales y legales
ABOUT
- 1.1 Encabezado con foto y presentación del estudio
- 1.2 Texto descriptivo del enfoque creativo
- 1.3 Lista de habilidades y herramientas
- 1.4 Testimonios de clientes
PROJECTS
- 1.1 Lista filtrable de proyectos por categoría
- 1.2 Tarjeta de proyecto con imagen, título y categorías
- 1.3 Detalle de proyecto: galería, descripción, retos y resultados
- 1.4 Navegación a proyecto anterior/siguiente
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 1.2 Información de contacto y mapa embed
- 1.3 Enlaces a redes sociales
STYLE GUIDE
- 1.1 Tipografía y escalas de encabezados
- 1.2 Paleta de colores y usos
- 1.3 Componentes UI (botones, cards, enlaces)
PROMPTS RELACIONADOS · PORTAFOLIO
