NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa (HTML único) que reproduzca el diseño visual y la estructura de la plantilla SaaS descrita, usando solo Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Marca ficticia: Soft Boreal, dominio softboreal.com. Paleta de colores: fondo #0A0A0A, texto principal #EDEDF2, primario #00CFFF, acento gris #4A4A4A, botones primario #00CFFF con hover #009FBF, sombras sutiles. Tipografía: 'Inter', sans‑serif, importada de Google Fonts (weight 400‑600).
Estructura:
- <header class="fixed top-0 w-full bg-gray-900 bg-opacity-90 backdrop-blur-lg z-50"> con logo SVG simplificado, menú horizontal (About, Feature, Blog, Pricing) y dropdown "Pages" con varios enlaces; botón CTA "Buy Now" visible en móvil. Incluye ícono de carrito con contador (inicial 0).
- <sec
4.053 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.053 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 Navbar fijo con logo, enlaces de navegación y botón CTA
- 1.2 Hero central con imagen de fondo y título principal
- 1.3 Bloque de características en grid de tres columnas
- 1.4 Testimonios con carrusel sencillo
- 1.5 sección de precios con cards comparativas
- 1.6 Blog preview con cards horizontales
- 1.7 Footer con enlaces de ayuda, legal y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo de la empresa y misión
- 2.3 Equipo en grid de tarjetas con foto y rol
- 2.4 Footer compartido
FEATURES
- 3.1 Header con título de sección
- 3.2 Lista de características en tarjetas con íconos
- 3.3 Ilustración lateral
- 3.4 Footer compartido
PRICING
- 4.1 Título y subtítulo de planes
- 4.2 Tres tarjetas de planes con precio, features y botón CTA
- 4.3 FAQ accordion
- 4.4 Footer compartido
BLOG
- 5.1 Lista de artículos en tarjetas con imagen, título yexcerpt
- 5.2 Paginación simple
- 5.3 Footer compartido
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto, mensaje
- 6.2 Mapa incrustado
- 6.3 Footer compartido
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image