NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Agencia Palimpsesto", agencia digital de diseño y branding, usando solo HTML estático en un único archivo y Tailwind CSS vía CDN. Incluir JavaScript vanilla mínimo para la hamburguesa móvil y los efectos hover de los bloques. Utiliza la siguiente paleta de colores: #1A1A1A (negro profundo), #FF6F61 (naranja vibrante), #F5F5F5 (gris claro), #FFFFFF (blanco), #0A0A0A (texto principal). Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
**Estructura y requisitos**:
- **Header**: barra fija, logo SVG a la izquierda, menú de navegación con enlaces Home, About, Services, Projects, Blog, Contact. En móvil muestra icono hamburguesa que abre overlay vertical con los mismos enlaces. El header tiene fondo negro y texto blanco.
-
4.694 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.694 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 superior con logo, menú principal y hamburguesa móvil
- 2.1 Hero con título grande, subtítulo y botón CTA
- 3.1 Bloque de presentación con texto y elemento visual
- 4.1 Grid de servicios (3 columnas) con icono y texto
- 5.1 Galería de proyectos (tarjetas con imagen y overlay)
- 6.1 Sección de blog (tarjetas con imagen, título y fecha)
- 7.1 Footer con enlaces numerados, QR, información de contacto y redes sociales
ABOUT
- 1.1 Header interno idéntico al de Home
- 2.1 Texto descriptivo de la agencia y su historia
- 3.1 Equipo de trabajo en tarjetas
- 4.1 Valores y métricas clave
- 5.1 CTA a proyectos
SERVICES
- 1.1 Header interno
- 2.1 Lista de servicios con iconos y descripciones ampliadas
- 3.1 Proceso de trabajo en pasos numerados
- 4.1 Testimonios rotativos
- 5.1 CTA a contacto
PROJECTS
- 1.1 Header interno
- 2.1 Grid de proyectos (4 columnas) con filtro por categoría
- 3.1 Detalle de proyecto destacado con imágenes grandes
- 4.1 CTA a ver más proyectos
BLOG
- 1.1 Header interno
- 2.1 Lista de artículos en formato tarjeta (imagen, título, extracto)
- 3.1 Barra lateral con categorías y búsqueda
- 4.1 CTA a suscripción al newsletter
CONTACT
- 1.1 Header interno
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Mapa incrustado y datos de contacto completos
- 4.1 Links a redes sociales
PROMPTS RELACIONADOS · DIGITAL AGENCY
