NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML + Tailwind CDN + JavaScript vanilla en un solo archivo que replique el diseño descrito para la marca ficticia Branding Ónix. Utiliza la paleta monocromática blanco-negro:
- Fondo principal: #ffffff
- Texto principal: #000000
- Detalles y hover: #222222
Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400-700.
Estructura requerida:
1. Header sticky con logo (placeholder) alineado a la izquierda, tagline "Diseñamos experiencias digitales minimalistas" centrado, y botón hamburguesa a la derecha que abre un overlay de menú.
2. Overlay de menú ocupa pantalla completa, fondo negro semitransparente, enlaces verticales centrados: Home, Sobre nosotros, Precios, Noticias, Contacto. Cada enlace muestra un efecto de degradado al pasar el cursor.
3. H
3.712 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.712 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 sticky con logo, tagline y hamburguesa
- 2.1 Menú overlay con enlaces principales y overlay de cierre
- 3.1 Hero con títulos multilínea y scroll down animation
- 4.1 Cuadrícula de presentación: tarjetas enlazadas a distintas home y páginas de trabajo, cada una con imagen y etiqueta emergente
ABOUT
- 1.1 Barra de navegación (reutilizada)
- 2.1 Hero secundario con título y breve descripción
- 3.1 Texto sobre la agencia y fotos de equipo
PRICING
- 1.1 Barra de navegación
- 2.1 Tabla de precios con tres columnas y llamadas a acción
- 3.1 Testimonios rotativos
NEWS
- 1.1 Barra de navegación
- 2.1 Lista de artículos con imágenes destacadas y extractos
- 3.1 Paginación
CONTACT
- 1.1 Barra de navegación
- 2.1 Formulario de contacto simple (nombre, email, mensaje)
- 3.1 Información de contacto y mapa integrado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/07/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
