NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo que reproduzca el diseño de un portal de documentación técnica. Usa la marca ficticia "Armonía Ónix" (armoniaonix.com) con claim "Guías claras para construir mejor". Paleta de colores: #146EF5 (azul primario), #0A3C8E (azul oscuro), #F5F7FA (gris muy claro de fondo), #575757 (texto secundario), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para todo el texto, peso 400 para cuerpo y 600 para encabezados.
Estructura:
- Header sticky con barra superior que contiene un formulario de búsqueda (input con placeholder "Search…") y un botón hamburguesa que despliega la barra lateral en móviles.
- Sidebar fijada a la izquierda (w-64) con logo (placeholder SVG) y lista de categorías. Cada categoría
4.018 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.018 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 lateral fija con logo y lista de categorías
- 1.2 Barra superior con buscador y botón hamburguesa
- 1.3 Sección de contenido con categorías: Introduction, Prerequisites, Configuration
- 1.4 Bloque Reach to us (Contact, Changelog)
- 1.5 Bloque Socials (Twitter, Instagram, Webflow)
- 1.6 Footer simple con copyright
CONTENT PAGE (ej. Overview)
- 2.1 Header heredado de la barra lateral y navbar
- 2.2 Título del artículo
- 2.3 Texto del contenido (placeholder)
- 2.4 Navegación lateral a otras secciones del mismo grupo
- 2.5 Footer igual que en HOME
CONTACT PAGE
- 3.1 Header y barra lateral estándar
- 3.2 Formulario de contacto (campo nombre, email, mensaje, botón enviar)
- 3.3 Información de contacto adicional
- 3.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 06/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
