NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en un solo archivo HTML que reproduzca el diseño visual y la estructura analizada, usando Tailwind CSS vía CDN y JavaScript vanilla sólo para la apertura/cierre del modal y el menú móvil. Marca ficticia: Moda Orion (dominio modaorion.com).
**Paleta de colores**
- Primario: #1A3E5D (azul profundo)
- Secundario: #4A90E2 (azul vivo)
- Fondo claro: #F7FAFC (gris muy claro)
- Texto principal: #2D3748 (gris carbón)
- Texto secundario: #718096 (gris medio)
- Accent: #38B2AC (turquesa)
**Tipografía**
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Peso 400 para texto normal, 600 para subtítulos, 700 para encabezados.
**Header**
- Navbar fija, alto 64px, fondo blanco, sombra ligera. Logo a la izquierda (texto "Moda Orion" en Inter 700, color pr
4.578 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.578 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 Cabecera con barra de navegación fija, logo y menú desplegable.
- 2.1 Modal promocional con oferta y botones.
- 3.1 Hero central con título, subtítulo y enlace a descarga.
- 4.1 Sección "Home Page" con cuadrícula de tres tarjetas enlazando a distintas versiones de inicio.
- 5.1 Sección "About" con cuadrícula de tres tarjetas de presentación.
- 6.1 Sección "Features" con cuadrícula de tres tarjetas de características.
- 7.1 Pie de página con logo, enlaces útiles y datos de contacto.
ABOUT
- 1.1 Cabecera compartida.
- 2.1 Hero específico de la página (omisión para este mock).
- 3.1 Contenido descriptivo y bloques de información.
- 4.1 Pie de página compartido.
FEATURES
- 1.1 Cabecera compartida.
- 2.1 Hero específico (omisión).
- 3.1 Lista de funcionalidades con iconos y texto.
- 4.1 Pie de página compartido.
CONTACT
- 1.1 Cabecera compartida.
- 2.1 Formulario de contacto simple con campos nombre, email y mensaje.
- 3.1 Información de contacto y mapa integrado.
- 4.1 Pie de página compartido.
PROMPTS RELACIONADOS · MODA
