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