NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "App Ámbar" (dominio appambar.com) siguiendo el estilo del UI kit SaaS analizado. Utiliza únicamente HTML en un solo archivo, Tailwind CSS mediante CDN y JavaScript vanilla (sin frameworks).
**Objetivo**: reproducir la estructura, paleta de colores y tipografía del original, pero con contenido propio en español de España.
**Paleta de colores** (extraída del original):
- #0A2240 (azul marino profundo) — color principal
- #1E3A8A (azul medianoche) — acentos
- #FBBF24 (amarillo dorado) — elementos destacados
- #F3F4F6 (gris muy claro) — fondos
- #111827 (gris casi negro) — texto principal
**Tipografía**: Utiliza `Inter` para todo el texto, peso 400 para párrafos y 600/700 para encabezados. Importa desde Google Fonts.
**Header**: barra de n
5.013 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.013 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 Hero principal con título, subtítulo, descripción y dos botones CTA
- 1.2 Sección "Plantillas de Landing" con cuadrícula de 6 tarjetas
- 1.3 Sección "Páginas de Empresa" con cuadrícula de 9 tarjetas
- 1.4 Sección "Otras Páginas" con cuadrícula de 2 tarjetas
- 1.5 Footer con enlaces y datos de contacto
LANDING V1
- 1.1 Hero específico de la landing con título y formulario
- 1.2 Características en tarjetas
- 1.3 Testimonios en carrusel
- 1.4 CTA final
- 1.5 Footer
ABOUT
- 1.1 Hero con título y breve descripción
- 1.2 Historia de la empresa en bloques de texto
- 1.3 Equipo en tarjetas con foto y rol
- 1.4 Valores en iconos
- 1.5 Footer
PRICING V1
- 1.1 Hero con título y descripción breve
- 1.2 Tabla de precios en columnas
- 1.3 Preguntas frecuentes en acordeón
- 1.4 CTA de prueba gratuita
- 1.5 Footer
CONTACT V1
- 1.1 Hero con título y descripción
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de soporte
- 1.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
