NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Jade** (agencia digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Replicar el diseño visual analizado:
- **Paleta de colores**: fondo principal #0D0D0D, texto principal #FFFFFF, acento #FF6A3D, tonos neutros #F4F4F4 y #333333.
- **Tipografía**: fuente "Inter" para títulos y body, tamaños responsivos (h1 4xl, h2 3xl, p base).
- **Header** sticky, fondo oscuro, logo centrado (placeholder Saber Jade), menú a la izquierda con enlaces Home, About, Portfolio, Contact, botón primario a la derecha "Inicia proyecto" con efecto hover.
- **Home**: sección hero con título grande "Impulsamos tu visión digital" y subtítulo, botones "Descargar plantilla" y "Ver todos los diseños". Luego una cuadrícul
3.405 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.405 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 Encabezado sticky con logo centrado, menú a la izquierda y botón destacado a la derecha
- 2.1 Sección introductoria con título grande y subtítulo
- 2.2 Botones de llamada a la acción primaria y secundaria
- 3.1 Cuadrícula de presentación de variantes de página de inicio (tres tarjetas)
- 4.1 Cuadrícula adicional con enlace al portafolio y otros recursos
ABOUT
- 1.1 Encabezado sticky consistente
- 2.1 Título de sección "Sobre nosotros" con párrafo descriptivo
- 3.1 Imagen de equipo en layout de dos columnas
- 4.1 Lista de valores y misión
PORTFOLIO
- 1.1 Encabezado sticky
- 2.1 Título de sección "Nuestro trabajo" con filtro de categorías
- 3.1 Galería de proyectos en cuadrícula responsiva
- 4.1 Modal o detalle de proyecto al hacer clic
CONTACT
- 1.1 Encabezado sticky
- 2.1 Título de sección "Contacto" con formulario simple (nombre, email, mensaje)
- 3.1 Información de contacto y mapa estático
- 4.1 Botón de envío con feedback visual
PROMPTS RELACIONADOS · EDUCACIÓN
