NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web para la marca ficticia **CreaVía** (agencia digital de diseño UI/UX) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Replicar el diseño analizado:
- **Paleta de colores**: negro puro #000000, blanco puro #FFFFFF, azul profundo #0A3D62, gris claro #F5F5F5, acento naranja #E67E22.
- **Tipografía**: `Inter` (sans-serif) para cuerpo y encabezados; `Playfair Display` para títulos hero.
- **Header**: barra fija con logo texto "CreaVía", menú horizontal (Home, About, Services, Skills, Process, Portfolio, Pricing, Testimonials, FAQ, Contact) que colapsa a hamburguesa en móvil. Botón primario "Contrátame" con estilo relleno azul.
- **Footer**: fondo negro, enlaces de navegación en columnas, iconos sociales (LinkedIn, Dribbble, Behance
4.160 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.160 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 y menú responsive
- 1.2 Hero con título, subtítulo, botones y reseña
- 1.3 Bloque de socios
- 1.4 About personal con foto y redes
- 1.5 Servicios en grid
- 1.6 Skills
- 1.7 Proceso
- 1.8 Portafolio
- 1.9 Pricing
- 1.10 Testimonios
- 1.11 FAQ
- 1.12 Contacto
- 1.13 Footer
ABOUT
- 2.1 Header reutilizado
- 2.2 Sección detalle de la agencia, misión y equipo
- 2.3 Footer
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 Footer
SKILLS
- 4.1 Header reutilizado
- 4.2 Visualización de competencias mediante barras o badges
- 4.3 Footer
PROCESS
- 5.1 Header reutilizado
- 5.2 Paso a paso del proceso de trabajo con iconos
- 5.3 Footer
PORTFOLIO
- 6.1 Header reutilizado
- 6.2 Galería de proyectos filtrable por categorías
- 6.3 Footer
PRICING
- 7.1 Header reutilizado
- 7.2 Tres tarjetas de precios con botones CTA
- 7.3 Footer
TESTIMONIALS
- 8.1 Header reutilizado
- 8.2 Carrusel de testimonios con fotos y citas
- 8.3 Footer
FAQ
- 9.1 Header reutilizado
- 9.2 Acordeón de preguntas frecuentes
- 9.3 Footer
CONTACT
- 10.1 Header reutilizado
- 10.2 Formulario de contacto y mapa integrado
- 10.3 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
