NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Diseño Parva" siguiendo el estilo visual del template analizado. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #FFFFFF
- Texto principal: #111111
- Texto secundario: #555555
- Accent/primary: #000000
- Highlight: #F5F5F5
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Tamaños: 64px H1, 48px H2, 24px subtítulo, 16px párrafo.
**Header**: barra de navegación fija, fondo blanco, logo circular (placeholder), nombre a la derecha, menú horizontal con enlaces ancla (Projects, Expertise, Articles, FAQ) y botón destacado "Get In Touch" con fondo negro y texto blanco. Menú colapsable en móvil (icono hamburguesa).
**Hero
4.115 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.115 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 fija con logo circular, nombre y menú ancla (Projects, Expertise, Articles, FAQ) + botón "Get In Touch"
- 1.2 Hero: badge con icono, título H1, subtítulo y tres tarjetas de beneficio (icono, sub‑heading, párrafo)
- 1.3 Sección de disponibilidad: badge, título H2, párrafo y botones primario/ secundario
- 1.4 Galería de proyectos: grid de 2‑3 columnas, cada tarjeta con imagen, overlay, badge de categoría y icono de enlace
- 1.5 Footer: enlaces rápidos, iconos sociales y datos de contacto
PROJECTS
- 2.1 Grid de proyectos filtrable (solo visual en este mockup)
- 2.2 Cada tarjeta incluye miniatura, overlay con efecto hover y badge de categoría
CONTACT
- 3.1 Formulario simple de contacto (nombre, email, mensaje) y botón enviar
- 3.2 Información de contacto y mapa estático (opcional)
PROMPTS RELACIONADOS · PORTFOLIO
