NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Crianza Lúmina, una agencia creativa de diseño y desarrollo digital. Usa únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. La paleta de colores debe ser basada en tonos oscuros y neutros con acentos brillantes: #0A0A0A (fondo principal), #FFFFFF (texto), #F5A623 (acento naranja), #1E1E1E (segundo fondo), #CCCCCC (bordes y elementos secundarios). Tipografía: Inter para texto y headings, peso 400‑700, tamaño adaptable con Tailwind utilities.
Estructura y requisitos:
1. Header fijo con logo a la izquierda (texto Crianza Lúmina en Inter bold, color #F5A623), menú principal centrado con enlaces Home, About, Services, Projects, Blog, Contact, y botón primario "Book a call" a la derecha con icono de flecha derecha (SVG).
4.303 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.303 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, menú principal, botón de llamada a la acción y menú hamburguesa para móvil
- 1.2 Hero con foto del autor, nombre, año de fundación, descripción breve y tres contadores animados
- 1.3 Línea decorativa (horizontal x3 y vertical)
- 1.4 Sección de proyectos recientes con título y grid de tarjetas
- 1.5 Footer con enlaces y datos de contacto
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interno con foto y biografía extendida
- 2.3 Valores y habilidades en bloques
- 2.4 Footer
SERVICES
- 3.1 Header
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Testimonios en carrusel
- 3.4 Footer
PROJECTS
- 4.1 Header
- 4.2 Galería de proyectos con filtro por categoría
- 4.3 Detalle de proyecto (imagen, descripción, tecnologías)
- 4.4 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos en tarjetas con imagen y excerpt
- 5.3 Sidebar con categorías y suscripción
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto sencillo (nombre, email, mensaje)
- 6.3 Información de contacto y mapa embebido
- 6.4 Footer
PROMPTS RELACIONADOS · PORTFOLIO
