TECHNOLOGY · Claude Design · HTML

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

★★★★★4,7 4.332 descargas

Plataforma SaaS para gestión de proyectos colaborativos Herramientas que simplifican el trabajo en equipo.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Codigo Boreal, dominio codigoboreal.com. Paleta de colores: #0A2640 (azul marino), #1E3A8A (azul intenso), #3B82F6 (azul brillante), #E5E7EB (gris claro), #F9FAFB (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo.

Estructura:
- Header fijo con logo (SVG placeholder), menú de navegación horizontal (Home, About, Pricing, Blog, Contact), dropdown "Pages" con enlaces ficticios, botón CTA "Comenzar" con estilo primary, icono de carrito mostrando número de ítems.
- Hero: fondo degradado azul, título grande, subtítulo, ilustración a la derecha (placeholder), botones CTA primary y secondary.
- Bloque de características: grid de 3 columnas, cada tarjeta con icono (SVG), 

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

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

3.497 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, dropdowns y botón "Comenzar"
2.1 Hero con título, subtítulo, imagen ilustrativa y CTA
3.1 Bloque de características en tarjetas con iconos
4.1 Integraciones mostradas en carrusel de logos
5.1 Planes de precios en columnas con botón de selección
6.1 Testimonios en tarjeta con foto y cita
7.1 Footer con enlaces, redes y formulario de suscripción

- 1.1 Header (reutilizado)\n- 2.1 Tabla comparativa de planes con características y botones de selección\n- 3.1 FAQ acordeón\n- 4.1 Footer (reutilizado)\nBLOG

1.1 Header (reutilizado)\n- 2.1 Lista de posts en grid con imagen, título y extracto\n- 3.1 Sidebar con categorías y últimos posts\n- 4.1 Footer (reutilizado)

PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

Ficha de marca

Nombre: Codigo Boreal
Sector: SaaS Platform for Collaborative Project Management
Claim: Herramientas que simplifican el trabajo en equipo

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, dropdowns y botón "Comenzar"\n2.1 Hero con título, subtítulo, imagen ilustrativa y CTA\n3.1 Bloque de características en tarjetas con iconos\n4.1 Integraciones mostradas en carrusel de logos\n5.1 Planes de precios en columnas con botón de selección\n6.1 Testimonios en tarjeta con foto y cita\n7.1 Footer con enlaces, redes y formulario de suscripción

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.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

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

- 1.1 Header (reutilizado)\n- 2.1 Tabla comparativa de planes con características y botones de selección\n- 3.1 FAQ acordeón\n- 4.1 Footer (reutilizado)\nBLOG

Otros prompts de la misma categoría

Build your own avatars and shoot ads without a camera

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

- 1.1 Header (reutilizado)\n- 2.1 Tabla comparativa de planes con características y botones de selección\n- 3.1 FAQ acordeón\n- 4.1 Footer (reutilizado)\nBLOG

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio

Build your own avatars and shoot ads without a camera