TECNOLOGÍA · Claude Design · HTML

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

★★★★★4,9 514 descargas

Agencia de diseño y marketing digital Ideas que iluminan tu marca.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia **Soft Atlas** (agencia digital) usando **HTML** y **Tailwind CSS** vía CDN en un solo archivo. Utiliza **JavaScript vanilla** sólo para abrir/cerrar el menú lateral y el carrito modal. Mantén la estructura y patrones visuales del sitio original: 
- **Header** fijo con logo a la izquierda, botón de menú (texto "Menu" > "Close" al abrir) y un icono de carrito que muestra el número de ítems (inicial 0). 
- **Menú lateral** oculto que se desplaza desde la izquierda, con enlaces: Work, About, Blog, Contact. Cada enlace muestra una línea decorativa bajo el texto. 
- **Hero** dividido en dos columnas: izquierda con título grande (h1) "Conecta con Lúmina", subtítulo descriptivo y dos botones (uno primario "Ver Portfolio", uno secundario estilo l

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

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

4.095 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, botón de menú y carrito
1.2 Menú lateral con enlaces principales
1.3 Hero intro con título, subtítulo y botones
1.4 Área de presentación con imagen y texto descriptivo
1.5 Sección de portfolio con galería de imágenes
1.6 Llamado a la acción secundario
1.7 Footer con información de contacto y enlaces

WORK

1.1 Grid de proyectos con tarjetas interactiva
1.2 Filtros por categoría
1.3 Descripción breve de cada proyecto

ABOUT

1.1 Bloque de historia de la agencia
1.2 Equipo con fotos y roles
1.3 Valores y misión

BLOG

1.1 Lista de artículos con imagen destacada
1.2 Extracto y botón leer más
1.3 Paginación

CONTACT

1.1 Formulario de contacto con campos nombre, email, mensaje
1.2 Mapa embebido y datos de ubicación
1.3 Información de redes sociales

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Soft Atlas
Sector: Agencia de diseño y marketing digital
Claim: Ideas que iluminan tu marca

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, botón de menú y carrito
1.2 Menú lateral con enlaces principales
1.3 Hero intro con título, subtítulo y botones
1.4 Área de presentación con imagen y texto descriptivo
1.5 Sección de portfolio con galería de imágenes
1.6 Llamado a la acción secundario
1.7 Footer con información de contacto y enlaces

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

Soft 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

WORK

ABOUT

BLOG

CONTACT

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio