NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una SaaS ficticia llamada Lab Cobalto usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Alcance**: replicar el diseño visual y la estructura de la plantilla analizada, conservando los patrones de UI (navbar con dropdowns, hero con mockups, bloque de métricas, galería de tarjetas) pero con contenido original en español. No copiar textos ni imágenes del original.
**Paleta de colores**:
- Primario:#0D3B66 (azul marino)
- Secundario:#FA8334 (naranja vibrante)
- Texto principal:#1F1F1F (gris muy oscuro)
- Texto secundario:#555555 (gris medio)
- Fondo:#F5F7FA (gris claro)
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargar vía Google Fonts)
- Fuente secundaria: 'Poppins', sans-serif para títulos.
**Header**: bar
4.374 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.374 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 con logo, menús desplegables y botón de compra
- 1.2 Hero principal con título, descripción, botones CTA y mockup de dispositivos
- 1.3 Bloque de métricas: número de plantillas y páginas internas
- 1.4 Sección de demostraciones de home pages con tarjetas enlazadas
ABOUT US
- 2.1 Encabezado con título y subtítulo
- 2.2 Texto descriptivo y valores de la empresa
- 2.3 Imagen ilustrativa lateral
BLOG
- 3.1 Lista de artículos con miniatura, título y extracto
- 3.2 Paginación al final de la lista
CONTACT
- 4.1 Formulario de contacto con campos nombre, email y mensaje
- 4.2 Información de contacto y mapa embebido
FAQ
- 5.1 Lista de preguntas frecuentes en acordeón
- 5.2 Botón para descargar guía PDF
PROMPTS RELACIONADOS · TECNOLOGÍA