NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Creador Orion (creadororion.com) siguiendo el estilo visual de la plantilla analizada. Utiliza exclusivamente HTML estático en un solo archivo, Tailwind CSS via CDN y JavaScript vanilla sin dependencias externas.
**Paleta de colores**:
- Fondo principal: #0A0A0A (negro profundo)
- Texto primario: #FFFFFF (blanco)
- Accent 1: #FF6B35 (naranja vibrante)
- Accent 2: #1A1A1A (gris muy oscuro)
- Highlight: #E2E8F0 (gris claro para textos secundarios)
**Tipografía**:
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Títulos en peso 700, cuerpo en 400.
**Header**: barra fija con logo SVG (placeholder), menú de enlaces (Home, Sobre, Servicios, Proyectos, Blog, Contacto) con efecto hover que muestra texto duplicado d
4.514 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.514 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 con logo, menú principal y botón hamburguesa
- 1.2 Hero oscuro con título, subtítulo y llamado a la acción
- 1.3 Breve presentación de la agencia en texto centrado
- 1.4 Cuadrícula de proyectos destacados con imágenes y hover
- 1.5 Lista de servicios en tarjetas con iconos
- 1.6 Testimonios rotativos en carrusel simple
- 1.7 Llamado a la acción de contacto con formulario resumido
- 1.8 Footer con enlaces numerados, QR, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera interna con fondo tenue y título "Sobre nosotros"
- 2.2 Texto descriptivo de la historia y valores
- 2.3 Imagen ilustrativa a la izquierda y texto a la derecha
- 2.4 Equipo en tarjetas con foto, nombre y rol
- 2.5 Footer reutilizado
SERVICES
- 3.1 Cabecera interna con título "Servicios"
- 3.2 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.3 Sección de proceso en pasos numerados
- 3.4 CTA para solicitar presupuesto
- 3.5 Footer reutilizado
PROJECT
- 4.1 Cabecera interna con título "Proyectos"
- 4.2 Galería en cuadrícula de tarjetas de proyecto con hover y etiqueta
- 4.3 Filtro por categoría
- 4.4 CTA para ver más trabajos
- 4.5 Footer reutilizado
CONTACT
- 5.1 Cabecera interna con título "Contacto"
- 5.2 Formulario de contacto (nombre, email, mensaje) y botón enviar
- 5.3 Información de contacto rápido (email, teléfono, dirección)
- 5.4 Mapa incrustado (iframe placeholder)
- 5.5 Footer reutilizado
BLOG
- 6.1 Cabecera interna con título "Blog"
- 6.2 Lista de artículos en tarjetas con imagen, título, autor y fecha
- 6.3 Paginación simple
- 6.4 Footer reutilizado
PROMPTS RELACIONADOS · PORTAFOLIO
