NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Studio Cobalto** (dominio studiocobalto.com) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir la estructura visual y de interacción del template analizado sin copiar texto literal.
**Objetivo**: Landing page tipo SaaS/Startup que presente la herramienta, con navegación, hero, galería giratoria y footer.
**Paleta de colores** (extraída del original):
- Primary: #0D3B66
- Secondary: #FAF0CA
- Accent: #F4D35E
- Text: #2A2A2A
- Background: #FFFFFF
**Tipografías**: Utiliza Google Fonts "Inter" para cuerpo y "Poppins" para títulos.
**Estructura**:
1. **Header / Navbar**
- Logo SVG a la izquierda.
- Menú principal con enlaces: Inicio, Sobre Nosotros, Funcionalidades, Precios
4.469 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.469 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, menú principal, dropdown y botones de registro/inicio
- 1.2 Hero principal con badge, título, descripción y botones CTA
- 1.3 Galería giratoria de imágenes en bucle (marquee) con desplazamiento continuo
- 1.4 Footer con enlaces, datos de contacto y redes sociales
ABOUT US
- 2.1 Encabezado secundario con título y texto descriptivo
- 2.2 Equipo en cuadrícula con fotos y breves bio
- 2.3 Valores en tarjetas con iconos
- 2.4 Footer replicado del Home
FEATURES
- 3.1 Lista de características en bloques con icono, título y párrafo
- 3.2 Demo de video incrustado
- 3.3 Testimonios en carrusel
- 3.4 Footer replicado del Home
PRICING
- 4.1 Tabla comparativa de planes con títulos, precios ficticios y beneficios
- 4.2 FAQ en acordeón
- 4.3 CTA final de suscripción
- 4.4 Footer replicado del Home
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa de ubicación (imagen estática)
- 5.3 Información de contacto y redes sociales
- 5.4 Footer replicado del Home
PROMPTS RELACIONADOS · RECURSOS HUMANOS
