NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Saber Zafiro" (estudio creativo de UI/UX) usando exclusivamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La página debe incluir:
- Paleta de colores: #0d1b2a (azul noche), #1b263b (gris azul), #415a77 (gris medio), #e0e1dd (gris claro), #ff6b6b (rojo acento).
- Tipografía: Inter (Google Fonts) para todo el texto, con tamaños escalables (h1 2.5rem, h2 2rem, p 1rem).
- Header: barra de navegación sticky, logo (texto "Saber Zafiro" en color #ff6b6b), enlaces Home, About, Services, Contact, botón destacado "Comprar plantilla" (ghost). Menú colapsable en móvil con icono hamburguesa.
- Hero: sección a pantalla completa con título grande, párrafo descriptivo, dos botones (CTA principal y secundario), y mockups de iPhone y
3.505 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.505 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 con barra de navegación y botón de compra
- 1.2 Hero intro con título, descripción, botones y mockups de dispositivos
- 1.3 Galería de 6 diseños de home (layout cards)
- 1.4 Bloque de contadores (100+ componentes, 6 homes, 3 blogs, 2 precios)
- 1.5 Footer con enlaces y redes sociales
ABOUT
- 2.1 Header reutilizado
- 2.2 Sección de presentación del estudio con imagen y texto
- 2.3 Equipo (tarjetas de miembros)
- 2.4 Clientes destacados (logotipos rotativos)
- 2.5 Footer
SERVICES
- 3.1 Header
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Proceso de trabajo paso a paso
- 3.4 Testimonios en carrusel
- 3.5 CTA para contactar
- 3.6 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Mapa incrustado
- 4.4 Información de contacto y redes sociales
- 4.5 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
