NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Soft Alba (softalba.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0D1B2A (azul noche), #1B263B (gris profundo), #415A77 (gris azulado), #E0E1DD (gris claro) y #FF6B6B (rojo acento). Tipografía: headings con 'Poppins' (weight 600), cuerpo con 'Inter' (weight 400).
Estructura:
- <header class="fixed w-full bg-white shadow"> con logo a la izquierda, enlaces (Home, About, Projects, Blog) y botón primario "Let’s Talk" a la derecha; menú hamburguesa responsive que muestra un panel lateral con los mismos enlaces y el botón. Incluye icono de carrito con contador.
- <section id="hero" class="min-h-screen bg-cover bg-center flex items-center justify-center text-center" styl
4.250 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.250 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, enlaces principales y menú hamburguesa
- 1.2 Hero con título destacado, subtítulo, botón primario y visual de fondo
- 1.3 Cuadrícula de servicios destacados con iconos y breves descripciones
- 1.4 Galería de proyectos en formato grid con hover overlay
- 1.5 Contador de métricas (proyectos, clientes, años) en columnas
- 1.6 Testimonios en carrusel horizontal
- 1.7 Llamada a la acción para newsletter con campo de email
- 1.8 Footer con enlaces de sitio, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera interior con título y breadcrumb
- 2.2 Texto de presentación de la agencia con imagen acompañante
- 2.3 Equipo en tarjetas con foto, nombre y posición
- 2.4 Valores en bloques iconográficos
PROJECTS
- 3.1 Cabecera interior con filtro de categorías
- 3.2 Grid de tarjetas de proyecto con imagen, título y categoría
- 3.3 Paginación inferior
BLOG
- 4.1 Cabecera interior con búsqueda y categorías
- 4.2 Lista de artículos en modo tarjeta con imagen, título, extracto y fecha
- 4.3 Barra lateral con artículos recientes y tags
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.2 Mapa incrustado y datos de dirección
PRICING
- 6.1 Tabla comparativa de planes con características y botones de selección
- 6.2 Preguntas frecuentes en acordeón
404
- 7.1 Mensaje de error grande, botón de regreso a inicio y búsqueda rápida
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