NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Escuela Cobalto, una startup SaaS de soluciones financieras, usando HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio origen sin copiar texto ni imágenes. Utiliza la siguiente paleta de colores: #0F172A (azul‑gris oscuro), #1E293B (gris profundo), #3B82F6 (azul primario), #F3F4F6 (gris muy claro), #FFFFFF (blanco). Tipografía: "Inter" para títulos y cuerpo, peso 400‑700, tamaños escalables, encabezados H1‑H4 según jerarquía.
**Header**: barra superior fija, fondo blanco, logo a la izquierda (placeholder SVG), menú horizontal con enlaces Home, Features, Pricing, About, Blog, Contact; botón "Login" y botón primario "Get in Touch!" con estilo azul. Menú colap
4.252 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.252 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ú y CTA
- 1.2 Hero con título, subtítulo, botón y slider de marcas
- 1.3 Sección "Sobre nosotros" con etiqueta, título y tarjetas bento
- 1.4 Footer con enlaces, contacto y redes
PRICING
- 1.1 Header reutilizable
- 1.2 Tabla de planes con tarjetas de precios
- 1.3 Preguntas frecuentes en acordeón
- 1.4 Footer reutilizable
FEATURES
- 1.1 Header reutilizable
- 1.2 Grid de características con iconos y descripciones
- 1.3 Video demo o imagen ilustrativa
- 1.4 Footer reutilizable
ABOUT
- 1.1 Header reutilizable
- 1.2 Historia de la empresa y equipo en tarjetas tipo bento
- 1.3 Estadísticas en contadores animados
- 1.4 Footer reutilizable
CONTACT
- 1.1 Header reutilizable
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Footer reutilizable
PROMPTS RELACIONADOS · EDUCATION
