TECHNOLOGY · Claude Design · HTML

Codigo Alba — Prompt de diseño web para Claude AI

★★★★★4,8 4.431 descargas

Plataforma de soporte y base de conocimientos para productos digitales Recursos claros para resolver dudas rápidamente.

↓ Descargar PROMPT.md

FREE 0€

NEW PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia **Codigo Alba** siguiendo estos requisitos:
- **Stack**: único archivo HTML con Tailwind CSS vía CDN (`https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/dist/tailwind.min.css`) y JavaScript vanilla incrustado al final del body.
- **Paleta de colores**: primario #0D3B66, secundario #FAF0CA, acento #F4D35E, texto principal #1A1A1A, fondo #F8F9FA.
- **Tipografía**: `Inter` para cuerpo y headings (cargar desde Google Fonts), peso 400‑600.
- **Header**: barra superior fija, logo a la izquierda, menú horizontal con ítems "Temas" (dropdown con tabs: Shortcodes, Categorías, Contenido, Tour), enlaces simples "FAQ" y "Soporte", dropdowns "Foro" y "Utilidades" con flechas, botón primario "Abrir Ticket" a la derecha, hamburguesa para móvil.
- **Hero**: 

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

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

3.897 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 botón destacado
1.2 Hero con título, descripción y buscador
1.3 Imagen decorativa izquierda y derecha en el hero
1.4 Sección "Categorías que pueden interesarte" con grid de tarjetas
1.5 Bloque de ayuda rápida con título y botón
1.6 Footer con enlaces de navegación, contacto y redes sociales

CATEGORIAS

2.1 Lista de categorías en formato tarjeta (icono, título, descripción, enlace)

FAQ

3.1 Página de preguntas frecuentes (lista de accordions)

SOPORTE

4.1 Formulario de contacto rápido y botón de apertura de ticket

FORO

5.1 Navegación de foros y subforos con enlaces

UTILIDADES

6.1 Enlaces a páginas de estilo, 404, licencia y changelog

PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

Ficha de marca

Nombre: Codigo Alba
Sector: Plataforma de soporte y base de conocimientos para productos digitales
Claim: Recursos claros para resolver dudas rápidamente

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, menú principal y botón destacado
1.2 Hero con título, descripción y buscador
1.3 Imagen decorativa izquierda y derecha en el hero
1.4 Sección "Categorías que pueden interesarte" con grid de tarjetas
1.5 Bloque de ayuda rápida con título y botón
1.6 Footer con enlaces de navegación, contacto y redes sociales

Create Your Own 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.

Install Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Codigo Alba — 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

CATEGORIAS

FAQ

SOPORTE

FORO

UTILIDADES

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio