NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Media Orion (agencia digital) usando solo HTML estático, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la arquitectura visual del sitio analizado:
- **Paleta de colores**: #000000 (negro puro), #FFFFFF (blanco), tonos gris #F5F5F5 para fondos y #333333 para texto secundario.
- **Tipografía**: Fuente principal "Inter" (Google Fonts), peso 400/600, tamaños fluidos.
- **Header**: barra fija, logo SVG monogram (creado con formas simples), menú a la derecha con enlaces "overview", "home" (dropdown con tres variantes A‑B‑C), "pages" (dropdown grande). Cada ítem de dropdown muestra mini‑icono SVG y texto pequeño. Usa clases de Tailwind para hover, transiciones y zonas clicables.
- **Hero*
3.664 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.664 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 fija con logo y menú desplegable
- 1.2 Hero con título principal y botón CTA
- 1.3 Sección "overview" con texto descriptivo y columnas de iconos
- 1.4 Galería de home‑variants (A, B, C) en cards con imagen y breve descripción
- 1.5 Área de páginas adicionales con enlaces destacados
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
OVERVIEW
- 2.1 Título de sección y párrafo introductorio
- 2.2 Grid de 4 columnas con iconos y breve copy
PAGES
- 3.1 Lista de enlaces a páginas internas con mini‑descripciones
- 3.2 Separador y llamada a acción para explorar más contenido
CONTACT
- 4.1 Formulario de contacto simple (nombre, email, mensaje)
- 4.2 Información de contacto y mapa estático
- 4.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
