NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ápice Creativo (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir el diseño analizado:
- Paleta de colores: negro puro #000000, gris oscuro #1A1A1A, blanco puro #FFFFFF, acento azul eléctrico #0D6EFD y gris claro #F5F5F5.
- Tipografía: Inter (google fonts) para todo el texto, peso 400 regular y 700 bold para títulos.
- Header fijo con logo SVG placeholder, menú ancla (Índice, Sobre nosotros, Servicios, Proyectos) y botón primario "Contact Us" con flecha animada.
- Preloader que muestra el nombre "Ápice Creativo" y subtítulo, con transición fade-out al cargar la página.
- Hero section ocupando pantalla completa: video de fondo (loop, muted, autoplay) con poster fallback,
3.425 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.425 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 Header con logo, menú y botón Contacto
- 1.2 Preloader animado
- 1.3 Hero: video de fondo, grid SVG, título "future", carrusel de proyecto destacado, lista de servicios, botón "Book a call"
- 1.4 Trusted customers: avatars + +10 y texto "Trusted by customer"
- 1.5 Hero bottom: texto descriptivo y botón "Book a call"
SERVICES (sección interna imaginada)
- 2.1 Header heredado
- 2.2 Grid de servicios con iconos y descripciones
- 2.3 CTA de contacto
PROJECTS (sección interna imaginada)
- 3.1 Header heredado
- 3.2 Galería tipo masonry de proyectos
- 3.3 Filtro por categoría
- 3.4 CTA "Contacta para más"
ABOUT (sección interna imaginada)
- 4.1 Header heredado
- 4.2 Texto institucional con imagen de fondo
- 4.3 Equipo con fotos circulares
- 4.4 Valores en tarjetas
FOOTER
- 5.1 Logo y claim breve
- 5.2 Enlaces de navegación secundarios
- 5.3 Información de contacto y formulario breve
- 5.4 Íconos de redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
