TECHNOLOGY · Claude Design · HTML

Soft Circón — Prompt de diseño web para Claude AI

★★★★★4,7 3.216 descargas

Estudio de diseño y desarrollo digital para freelancers y agencias Diseñamos experiencias digitales con claridad y rigor.

↓ Descargar PROMPT.md

FREE 0€

NEW PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático para la marca ficticia **Soft Circón** (softcircon.com), un estudio de diseño y desarrollo digital. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El sitio debe reproducir fielmente la estructura visual y la interacción del template analizado, sin copiar textos ni imágenes originales.

**Paleta de colores** (extraída del original y adaptada):
- #0A0A0A (negro profundo para fondos y texto principal)
- #FFFFFF (blanco para contraste)
- #F5F5F5 (gris muy claro para áreas de contenido)
- #1E90FF (azul vibrante para acentos, botones y enlaces)
- #CCCCCC (gris medio para bordes y estados hover)

**Tipografía**: Usar "Inter" para títulos y cuerpo, cargada desde Google Fonts.

### Estructura y bloques
1. **Header / Navbar** (sticky,

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

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

5.073 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 Barra de navegación fija con logo y enlaces a secciones principales
1.2 Hero con título, subtítulo y llamada a la acción
1.3 Bloque de trabajos destacados en grid responsive con imágenes y títulos
1.4 Sección "Sobre mí" con texto descriptivo y botón de CV
1.5 Galería de proyectos recientes en layout de tarjetas con flecha de detalle
1.6 Footer con enlaces de redes sociales y datos de contacto

ABOUT

2.1 Cabecera con título "Sobre mí"
2.2 Texto introductorio y párrafo de presentación
2.3 Botón que enlaza a CV descargable
2.4 Imagen lateral con efecto de aparición al hacer scroll

WORKS

3.1 Título "Proyectos seleccionados"
3.2 Grid de tarjetas con nombre del proyecto, breve descripción y flecha de navegación
3.3 Cada tarjeta muestra una imagen de vista previa