NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Creador Atlas (creadoratlas.com) usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe replicar el diseño de una plantilla de portafolio contemporánea con los siguientes requisitos:
- **Paleta de colores**: #0D0D0D (fondo negro), #FFFFFF (texto blanco), #E63946 (acento rojo), #F1FAEE (gris claro), #A8DADC (azul pálido).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para textos, Fuente secundaria "Playfair Display" para titulares.
- **Header**: barra fija con logo a la izquierda (texto Creador Atlas), menú horizontal con tres ítems principales (Inicio, Portafolio, Contacto). Cada ítem despliega un dropdown on hover mostrando sub‑páginas (Home V1‑V3, Portafolio V1‑V3, Contacto V1‑V3) con miniat
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 Encabezado fijo con logo y menú desplegable multi‑nivel
- 1.2 Hero principal con imagen grande y titular llamativo
- 1.3 Previsualización de variantes de home (carousel de miniaturas)
- 1.4 Sección de portafolio con enlaces a tres estilos de presentación
- 1.5 Sección de contacto con botones de llamada a la acción
- 1.6 Footer minimalista con enlaces de redes y datos de contacto
PORTFOLIO
- 2.1 Encabezado repetido
- 2.2 Grid de proyectos con imagen destacada y título
- 2.3 Filtro por categoría (tabs)
- 2.4 Detalle de proyecto con galería y descripción
- 2.5 Footer
CONTACTO
- 3.1 Encabezado repetido
- 3.2 Formulario de contacto sencillo (nombre, email, mensaje)
- 3.3 Información de contacto rápido (teléfono, email)
- 3.4 Mapa estático de ubicación
- 3.5 Footer
PROMPTS RELACIONADOS · PORTFOLIO
