TECNOLOGÍA · Claude Design · HTML

Digital Ámbar — Prompt de diseño web para Claude AI

★★★★★4,7 2.411 descargas

Plataforma de soporte y centro de ayuda para empresas Todo el soporte a un clic.

↓ 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 Digital Ámbar (digitalambar.com), un SaaS de centro de ayuda. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único fichero. Emplea la siguiente paleta de colores: #1F2937 (gris oscuro para fondos), #F9FAFB (gris muy claro para secciones), #3B82F6 (azul primario), #10B981 (verde acento), #9CA3AF (gris medio para texto secundario). Tipografía: "Inter" para títulos y párrafos, peso 400‑600, importada desde Google Fonts.

Estructura y componentes:
- **Header** fijo, fondo #1F2937, logo SVG ficticio a la izquierda, texto "Help Center" al lado, barra de búsqueda centrada (input con placeholder "Buscar…" y botón "Buscar"), y un mega‑menu a la derecha con tres columnas (Homes, Pages, Utility). El mega‑menu se abre al hacer h

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

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

4.280 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 Cabecera fija con logo, barra de búsqueda y mega‑menu desplegable
1.2 Hero principal con título, descripción y botones de acción
1.3 Galería de capturas de páginas de ejemplo
1.4 Sección "Qué incluye" con título, descripción y grid de tarjetas informativas
1.5 Footer con enlaces a secciones, logo y datos de contacto

CHANGES

1.1 Cabecera similar a la home, sin hero
1.2 Lista de versiones y fechas
1.3 Detalle de cada actualización
1.4 Footer idéntico

SUPPORT

1.1 Cabecera idéntica a la home
1.2 Formulario de contacto rápido
1.3 Preguntas frecuentes en acordeón
1.4 Footer idéntico

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Digital Ámbar
Sector: Plataforma de soporte y centro de ayuda para empresas
Claim: Todo el soporte a un clic

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 Cabecera fija con logo, barra de búsqueda y mega‑menu desplegable
1.2 Hero principal con título, descripción y botones de acción
1.3 Galería de capturas de páginas de ejemplo
1.4 Sección "Qué incluye" con título, descripción y grid de tarjetas informativas
1.5 Footer con enlaces a secciones, logo 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 Ámbar — 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

CHANGES

SUPPORT

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio