NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en un único archivo HTML para la agencia ficticia BREVIA PULSE, usando HTML5 + Tailwind CSS por CDN + JavaScript vanilla. Todo el contenido debe ir en un solo archivo autocontenido, responsive y listo para visualizar.
MARCA FICTICIA:
- Nombre: Brevia Pulse
- Sector: Agencia de marketing digital y estrategia de marca
- Dominio: breviapulse.com
- Email: hola@breviapulse.com
- Claim: "Marcas que crecen con criterio"
- Año: 2025
- Idioma: español de España, tono claro, directo, sin jerga marketinera
ESTILO VISUAL:
- Paleta oscura tipo agencia moderna:
- Fondo principal: #0E0E10 (casi negro)
- Superficies/cards: #16161A
- Bordes sutiles: #26262C
- Texto principal: #F5F5F2
- Texto secundario: #9A9A9F
- Acento cálido: #D7FF3A (lima eléctrico) para C
6.034 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.034 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 dropdowns y CTA
- 1.2 Hero con badge, titular y doble botón
- 1.3 Marquee de logos clientes
- 1.4 Grid de servicios
- 1.5 Sobre nosotros dos columnas
- 1.6 Proyectos destacados
- 1.7 Contadores de métricas
- 1.8 Proceso en 4 pasos
- 1.9 Carrusel de testimonios
- 1.10 Equipo
- 1.11 Pricing resumido
- 1.12 Últimas del blog
- 1.13 FAQ acordeón
- 1.14 CTA final
- 1.15 Footer
SOBRE NOSOTROS
- 2.1 Hero interno con título y migas
- 2.2 Historia de la agencia a dos columnas
- 2.3 Misión, visión y valores en 3 tarjetas
- 2.4 Timeline de hitos
- 2.5 Equipo completo en grid
- 2.6 CTA final
- 2.7 Footer
PRECIOS
- 3.1 Hero interno
- 3.2 Toggle mensual/anual y 3 planes
- 3.3 Tabla comparativa de funciones
- 3.4 FAQ específico de precios
- 3.5 CTA final
- 3.6 Footer
PROYECTOS
- 4.1 Hero interno
- 4.2 Filtros por categoría
- 4.3 Grid masonry de proyectos
- 4.4 CTA final
- 4.5 Footer
DETALLE PROYECTO
- 5.1 Hero con título, cliente y año
- 5.2 Imagen principal
- 5.3 Resumen del reto, solución y resultados
- 5.4 Galería de imágenes
- 5.5 Métricas del proyecto
- 5.6 Proyectos relacionados
- 5.7 Footer
BLOG
- 6.1 Hero interno
- 6.2 Post destacado
- 6.3 Filtros por categoría
- 6.4 Grid de artículos
- 6.5 Paginación
- 6.6 Footer
DETALLE BLOG
- 7.1 Cabecera del artículo con meta
- 7.2 Imagen destacada
- 7.3 Contenido del artículo
- 7.4 Compartir en redes
- 7.5 Autor
- 7.6 Artículos relacionados
- 7.7 Footer
CONTACTO
- 8.1 Hero interno
- 8.2 Datos de contacto + formulario a dos columnas
- 8.3 Mapa
- 8.4 Footer
CARRERAS
- 9.1 Hero interno
- 9.2 Por qué trabajar con nosotros (beneficios)
- 9.3 Listado de vacantes
- 9.4 CTA final
- 9.5 Footer
404
- 10.1 Mensaje de error y botón volver al inicio
- 10.2 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
