TECNOLOGÍA · Claude Design · HTML

Sistemas Coral — Prompt de diseño web para Claude AI

★★★★★4,8 1.029 descargas

Plataforma SaaS para gestión de proyectos colaborativos Herramientas simples para equipos modernos.

↓ 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 Sistemas Coral (sistemascoral.com) siguiendo el patrón visual del template analizado. Utiliza **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. 

**Paleta de colores** (extraída del original):
- #FFFFFF (blanco) 
- #000000 (negro) 
- #1A1A1A (gris oscuro para fondos) 
- #F5F5F5 (gris claro para tarjetas) 
- #00AEEF (azul accent) 

**Tipografía**: Inter (Google Fonts) para encabezados y body, peso 400‑600.

**Estructura**:
1. **Header / Navbar** (fixed, transparent hasta scroll) con logotipo SVG ficticio, texto "– Soluciones SaaS modernas", menú de navegación con tres dropdowns (Landing, Company, Template) y botón "Contactar" a la derecha. Implementar dropdowns con `hover` + `transition` y `aria-expanded`.
2. 

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

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

4.325 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, texto descriptivo y menú desplegable multi‑nivel
1.2 Hero central con título, subtítulo, dos botones primarios y botón de play para showreel
1.3 Fondo decorativo con líneas geométricas
1.4 Sección de características con título, subtítulo y tres tarjetas con ícono y descripción
1.5 Galería de plantillas "Landing pages" en grid de tres columnas
1.6 Galería de páginas "Company" en grid de tres columnas

LANDING‑ONE

1.1 Header con logo y menú simplificado
1.2 Imagen hero de la plantilla y breve descripción
1.3 Botón de descarga y llamada a la acción

PRICING‑ONE

1.1 Header idéntico al home
1.2 Tabla comparativa de planes con tres columnas
1.3 Botones de suscripción bajo cada plan

CONTACT

1.1 Header similar al home
1.2 Formulario de contacto con campos nombre, email, mensaje
1.3 Información de soporte y mapa embebido

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Sistemas Coral
Sector: Plataforma SaaS para gestión de proyectos colaborativos
Claim: Herramientas simples para equipos modernos

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 Barra de navegación fija con logo, texto descriptivo y menú desplegable multi‑nivel
1.2 Hero central con título, subtítulo, dos botones primarios y botón de play para showreel
1.3 Fondo decorativo con líneas geométricas
1.4 Sección de características con título, subtítulo y tres tarjetas con ícono y descripción
1.5 Galería de plantillas "Landing pages" en grid de tres columnas
1.6 Galería de páginas "Company" en grid de tres columnas

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

Sistemas Coral — 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

LANDING‑ONE

PRICING‑ONE

CONTACT

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio