NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **Aria Studio** (dominio ariastudio.com) que reproduzca fielmente el diseño visual y la estructura de un UI‑Kit creativo con navegación lateral y barra superior. Usa **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.
### Paleta de colores
- Fondo principal: #F9FAFB
- Texto principal: #1F2937
- Accento primario: #3B82F6
- Accento secundario: #10B981
- Borde/hover: #E5E7EB
### Tipografía
- Fuente principal: Inter (Google Fonts) – peso 400/500/600
- Fuente secundaria (títulos): Poppins – peso 600/700
### Header
1. **Navegación lateral (aside)**
- Logo (texto "Aria Studio" + subtítulo "estudio creativo")
- Enlaces de menú: Home, Servicios, Portafolio, Equipo, Blog, Contacto
- Bloque de contactos: teléfono y email co
4.992 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.992 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 Navegación lateral con logo, menú anidado y contactos
- 1.2 Barra de navegación superior con logo y dropdown
- 1.3 Hero principal con título, subtítulo y botón
- 1.4 Bloque de características (4 columnas con icono + texto)
- 1.5 Galería de trabajos (grid de tarjetas con efecto hover)
- 1.6 Llamada a la acción secundaria (botón destacado con fondo animado)
- 1.7 Footer con enlaces, datos de empresa y redes
PAGES
- 1.1 Página de Servicios (encabezado, lista de servicios en cards, sección de preguntas frecuentes)
- 1.2 Página de Portafolio (grid de proyectos, filtros, detalle emergente)
- 1.3 Página de Equipo (tarjetas de miembros, biografía corta, enlaces a LinkedIn)
- 1.4 Blog (lista de artículos, tarjeta con imagen, título y extracto)
- 1.5 Contacto (formulario de consulta, mapa estático, datos de contacto)
PROMPTS RELACIONADOS · EDUCACIÓN
