NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **App Boreal** (appboreal.com), SaaS de IA para crear aplicaciones sin código. Usa **HTML + Tailwind CDN + JavaScript vanilla** en un único archivo. Aplica la siguiente paleta de colores: #0D0D0D (fondo oscuro), #FFFFFF (texto), #1E90FF (accento azul), #F5F5F5 (gris claro), #4A90E2 (hover azul). Tipografía: **Inter** para títulos y párrafos, peso 400‑600, importada desde Google Fonts.
**Estructura general (stack):**
- `<header>` sticky, fondo oscuro, logo a la izquierda, menú centrado (Home, About, Features, Blog, Contact), botón «Get started» con fondo azul y texto blanco a la derecha. Menú colapsable en móvil (hamburger).
- `<section id="hero">` hero de 100vh, contenedor centrado, título grande (display-9) en blanco, subtítulo gris cla
4.066 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.066 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 fijo con logo, menú y botón CTA
- 1.2 Hero principal con título, subtítulo y botones CTA
- 1.3 Bloque de características en tres columnas con íconos y textos
- 1.4 Sección de integración de tarjetas descriptivas
- 1.5 Testimonios en carrusel
- 1.6 Formulario de contacto rápido
- 1.7 Footer con enlaces y redes
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interno con título y breve descriptivo
- 2.3 Historia de la empresa en bloque de texto e imágenes
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Valores en iconos con texto
- 2.6 Footer
CONTACT
- 3.1 Header
- 3.2 Hero con título y texto introductorio
- 3.3 Formulario completo (nombre, email, mensaje, botón enviar)
- 3.4 Mapa estático o placeholder
- 3.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
