TECNOLOGÍA · Claude Design · HTML

CodeNimbus — Prompt de diseño web para Claude AI

★★★★★4,9 709 descargas

Desarrollo de software full‑stack y consultoría tecnológica Soluciones web que escalan contigo.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web totalmente responsive con el branding ficticio **CodeNimbus** (desarrollo full‑stack). Utiliza **HTML** y **Tailwind CSS CDN** en un único archivo, y **JavaScript vanilla** para animaciones mínimas (reveal on scroll, toggle de menú móvil). 

**Paleta de colores**: 
- Primario: #0D3B66 (azul marino) 
- Secundario: #FAF0CA (crema) 
- Acento: #F4D35E (amarillo cálido) 
- Texto oscuro: #222222 
- Texto claro: #FFFFFF 

**Tipografía**: 
- Heading: 'Inter', sans‑serif, weight 700 
- Body: 'Inter', weight 400 

**Header**: barra de navegación fija, logo textual "CodeNimbus" con tipografía inter, enlaces horizontales (Home, About, Services, Blog, Contact) y botón destacado "Learn More". En móvil, colapsar en icono hamburguesa que despliega un panel vertical.

**Hero** (sección 1.

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

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

3.954 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 Hero con vídeo de fondo, título, subtítulo y botón "Learn More"
1.2 Bloque "Sobre mí" con encabezado, párrafo descriptivo e imagen lateral
1.3 Sección de servicios (Frontend, Backend, Bases de datos) con icono Lottie y descripción
1.4 Footer con logo, enlaces de navegación (Home, About, Services, Blog, Contact), botón de contacto y datos legales