NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear un sitio web completo para la marca ficticia Diseño Atlas, agencia digital de diseño y desarrollo. Usar una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) en un solo archivo. Reproducir la estructura y estilo del sitio original analizado, pero con contenido propio.
**Paleta de colores** (usar variables CSS):
--color-primary: #0d3b66; /* azul oscuro */
--color-secondary: #f4d35e; /* amarillo cálido */
--color-accent: #ee964b; /* naranja suave */
--color-bg: #f9f9f9; /* gris muy claro */
--color-text: #333333; /* gris oscuro */
**Tipografías**:
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Fuente de encabezados: 'Playfair Display', serif.
**Header**: barra fija, fondo blanco, sombra ligera. Logo a
4.632 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.632 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 Cabecera fija con logo y menú
- 2.1 Hero con título, subtítulo, botón CTA y barra de logos de confianza
- 3.1 Grid de proyectos (3 columnas)
- 4.1 Testimonios (carrusel horizontal)
- 5.1 CTA contacto con formulario breve
- 6.1 Footer con navegación secundaria y datos de contacto
ABOUT
- 1.1 Cabecera (heredada)
- 2.1 Texto descriptivo de la agencia y valores
- 3.1 Equipo (tarjetas con foto y rol)
- 4.1 CTA a proyectos
- 5.1 Footer
PROJECTS
- 1.1 Cabecera
- 2.1 Filtro de categorías
- 3.1 Galería de proyectos en masonry
- 4.1 Paginación
- 5.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto completo (nombre, email, mensaje)
- 3.1 Mapa incrustado (placeholder)
- 4.1 Información de contacto
- 5.1 Footer
PROMPTS RELACIONADOS · PORTFOLIO
