TECNOLOGÍA · Claude Design · HTML

Digital Atlas — Prompt de diseño web para Claude AI

★★★★★4,9 2.742 descargas

Diseño y consultoría creativa Ideas que cobran forma.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia Digital Atlas, un estudio de diseño creativo. Usa solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo visual del sitio analizado, sin copiar texto ni imágenes originales. 

**Alcance**
- Header fijo con logo (20x20) y botón de menú hamburguesa que despliega un overlay con enlaces: ABOUT, SERVICE, WORK, STORIES, CONTACT y enlaces a Instagram y LinkedIn. Incluye reloj digital en UTC+7 con formato HH:MM. 
- Hero sección: título grande "LÚMINA" (similar a SILENTLAB) centrado, subtítulo "FUNDADO EN [CIUDAD]" a la izquierda, etiqueta "DISPONIBLE PARA PROYECTOS" a la derecha; galería de 6 imágenes superpuestas en capas, cada una dentro de un contenedor con efecto de desenfoque y des

♠▓≡╫═→│◙ ═♣▒░µ╡α └≡∩┬┤ⁿ└ └■■╣═╝Φ ∩╦═╗╫╦╔ ├┬╫≥♦┴╠ ╠σ↑∩♣░
 ♦π┼→◙Ω┴ σ╫απ■▀─ ┬╡±┤ⁿ∞┴ ─≡├Φ±←║ ├↓δ╚♠≡╦ ◙δ≡δ◙→▀ ╡ß╝ε├
▓ │µ├├♠²╔ ε•♣█↓↑↑ σ←∩╚▒←◙ ╣α█Ω↓Ω♣ Σε←σΦ╠² ┼░≤├▓±╦ ░♣─╚
╦→ ╣≡↔▀↔╡√ σ═♦╬■╩α ╠■↔≡╣αΩ ♦•╣╡Ω↓─ ╬τ╣±←•♣ δσ─◙◘┤↓ Ω╩╚
├╣↔ ▓│♠ετΦπ ┤↓π╫╗░▀ ─∞╠│Ωτ↓ ╡░█♦≡├█ ■╡≤π•╬┴ •♦│σ≥α│ σ▒
═║╩♠ ♦┤♦♣∞≥╣ ⁿ∩²∩├♠σ ▓─Σ≥╩└± δ═↔└═µ╡ ▀╦▀▒≡σ■ ↓π║↔┴╩◙ µ
√→┬╫■ ╫╣┼║→→♦ ß╚◘♦╗▓─ τ▓♣═√≥╬ µφτ≤╚ε║ ◙║▓▒τΦδ ┴└τ║╣φ┼ 
└╔α│ε→ ├╗█≤♠♣↔ ├╣←≡╩δ↓ ╬╩╠│╗╔≡ ▒≡ππ↑╣│ ╩╝▓◘δ│∞ Φ∞∩─■┼═
◘σ├•↑τ² ²φ♣╡┬╣∞ ╩ⁿ♦δ▀∩√ •┤ΩΣ±╫π δ•±↔↓²≡ φ┬║↑↔∩║ ⁿⁿΦ▀ß♣
 ≤←╝├ⁿ┼↓ σ╬≡╦◘σ╔ ↔╣┤♠♣╫ß ↔π≥╬║╚─ ─║══─╦Ω ≤╝◙≤↔√◘ │α█▀±
╦ δ╗ßδ≤╚∞ ↑█┼█┤δ╬ │≤■φ▓╩φ ┴├╦≤▓εΩ ░²╫Ω├≥▓ →Φσ├■δ∞

4.379 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.379 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 y menú hamburguesa
1.2 Hero con título, subtítulo y galería de imágenes superpuestas
1.3 Bloque About con título grande en fondo estático y absoluto
1.4 Sub‑sección About con split‑image, texto intro y línea decorativa
1.5 Área de cliente con tagline, textos en columnas y fotos laterales
1.6 Marquee horizontal de logotipos de clientes
1.7 Footer con enlaces de navegación y datos de contacto

ABOUT

2.1 Header persistente (igual que en Home)
2.2 Título grande “ABOUT” estilizado doble capa
2.3 Imagen principal con efecto hover y filtro de desenfoque
2.4 Texto descriptivo del estudio y lista de especialidades
2.5 Galería de imágenes adicionales del proceso creativo
2.6 Sección de enfoque con iconos y etiquetas de servicio
2.7 Footer igual que en Home

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Digital Atlas
Sector: Diseño y consultoría creativa
Claim: Ideas que cobran forma

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Header con logo y menú hamburguesa, 1.2 Hero con título grande, texto secundario y galería de imágenes superpuestas, 1.3 Bloque About con título repetido, 1.4 Sub‑sección About con imagen dividida y descripción, 1.5 Área de cliente con texto destacado, imágenes y lista de servicios, 1.6 Marquee de logos de clientes, 1.7 Footer minimalista con enlaces y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Digital Atlas — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

ABOUT

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio