NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia **Diseño Orion** (disenoorion.com) con el siguiente alcance y stack: HTML5 + Tailwind CSS CDN + JavaScript vanilla en un único archivo. Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #E0E0E0 (gris claro), #FF6F61 (coral accent), #1A73E8 (azul acento). Tipografía: headings con **Montserrat** (weight 700), body con **Inter** (weight 400).
**Header / Navbar** (fijo, overlay sobre el contenido): logo blanco en la izquierda, enlaces de navegación enumerados (Home (01), About (02), Projects (03), Services (04), Blog (05)) alineados al centro, botón principal "Get in Touch" a la derecha con ícono de estrella coral. Menú responsive con botón hamburguesa que despliega overlay de navegación completa.
**Sección 1 – H
4.089 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.089 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 Navbar fijo con logo blanco, enlaces enumerados (01‑05) y botón principal
- 1.2 Hero: título centrado, descripción breve, vídeo de fondo en loop, overlay oscuro
- 1.3 Bloque de iconos sociales (Instagram, LinkedIn) con animación hover
- 1.4 Footer: símbolo de copyright, enlaces a políticas y enlaces de contacto
ABOUT
- 2.1 Cabecera con título y texto introductorio
- 2.2 Imagen de fondo con paralaje y descripción de la historia
- 2.3 Equipo en tarjetas con foto, nombre y rol
PROJECTS
- 3.1 Galería filtrable de proyectos en cuadrícula
- 3.2 Vista ampliada de proyecto con imágenes, descripción y tags
SERVICES
- 4.1 Lista de servicios en columnas con iconos y breves descripciones
- 4.2 CTA para solicitar una propuesta
BLOG
- 5.1 Lista de entradas con imagen, título, extracto y fecha
- 5.2 Paginación simple
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 6.2 Mapa estático de ubicación
- 6.3 Información de contacto y enlaces a redes
PROMPTS RELACIONADOS · PORTFOLIO
