NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Áurea Identidad" (consultoría de branding) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un solo archivo. La web debe reproducir el diseño de una guía de marca con barra lateral colapsable, hero con título grande, descripción, botón CTA con icono y una fila de tarjetas de vista previa. Debajo, tres secciones horizontales llamadas Brand, Design y Print, cada una con una cuadrícula de tarjetas resaltadas que incluyen icono, fecha de última actualización, título y breve descripción. Usa la siguiente paleta de colores: #1e293b (gris oscuro), #334155 (gris medio), #e2e8f0 (gris claro), #3b82f6 (azul accent), #f8fafc (blanco). Tipografía: Inter (Google Fonts) para todo el texto, tamaños: 64px para h1, 32px para h2, 18px para párraf
3.454 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.454 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 barra lateral colapsable y logo
- 1.2 Hero con título, descripción y botón CTA
- 1.3 Galería de tarjetas de vista previa en hero
- 1.4 Sección Brand con tarjetas destacadas
- 1.5 Sección Design con tarjetas de categorías
- 1.6 Sección Print con tarjetas de categorías
- 1.7 Footer con enlaces básicos
GUIDELINES – BRAND
- 2.1 Tarjeta Vision
- 2.2 Tarjeta Tone of Voice
- 2.3 Tarjeta Story
- 2.4 Tarjeta Competition
GUIDELINES – DESIGN
- 3.1 Tarjeta Advertising
- 3.2 Tarjeta Color
- 3.3 Tarjeta Imagery
- 3.4 Tarjeta Logo
- 3.5 Tarjeta Website
GUIDELINES – PRINT
- 4.1 Tarjeta Brochure
- 4.2 Tarjeta Packaging
- 4.3 Tarjeta Posters
- 4.4 Tarjeta Stationary
- 4.5 Tarjeta Sticker
PROMPTS RELACIONADOS · TECHNOLOGY