NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo que reproduzca el diseño de una agencia digital moderna siguiendo estos lineamientos:
Marca: Branding Delta (brandingdelta.com), claim "Ideas claras, interfaces elegantes", email hola@brandingdelta.com, año 2026.
Paleta de colores (extraída del original):
- Fondo principal: #ffffff (blanco)
- Texto principal: #111111 (casi negro)
- Texto secundario: #555555 (gris medio)
- Accent 1: #0d6efd (azul vibrante)
- Accent 2: #f8f9fa (gris muy claro)
Tipografía: Inter (Google Font) para títulos y cuerpo, peso 400‑600.
Estructura global:
- Header fijo con fondo semi‑transparente, logo a la izquierda (80 px width), menú horizontal con enlaces Home, About, Work, Blog, Contact, y iconos de redes sociale
4.361 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.361 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 Header con logo, menú principal y enlaces sociales
- 1.2 Hero con título principal y subtítulo, animación Lottie y texto descriptivo
- 1.3 Sección "Home" con cuadrícula de 3 miniaturas enlazadas
- 1.4 Sección "Work" con cuadrícula de 3 miniaturas de proyectos
- 1.5 Sección "Blog" con cuadrícula de 3 miniaturas de entradas
- 1.6 Sección "Pages" con cuadrícula de 3 miniaturas de páginas auxiliares
- 1.7 Footer con sitemap, contacto, newsletter y copyright
ABOUT
- 2.1 Header reutilizado
- 2.2 Hero secundario con título y texto descriptivo
- 2.3 Bloque de historia con imagen y párrafo
- 2.4 Equipo con tarjetas de miembros
- 2.5 Footer reutilizado
WORK
- 3.1 Header reutilizado
- 3.2 Hero de proyecto con título y galería
- 3.3 Detalle del caso con texto y imágenes
- 3.4 CTA para contactar
- 3.5 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Hero de blog con título
- 4.3 Lista de artículos con tarjetas, imagen, título y extracto
- 4.4 Paginación inferior
- 4.5 Footer reutilizado
CONTACT
- 5.1 Header reutilizado
- 5.2 Hero de contacto con título y subtítulo
- 5.3 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.4 Información de contacto y mapa
- 5.5 Footer reutilizado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
