NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Digital Lagar" (digitallagar.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del sitio analizado sin copiar texto literal.
**Requisitos de stack**:
- `<head>` incluye Tailwind v3 CDN y una fuente sans-serif de Google Fonts (p. ej. "Inter").
- Todo el CSS se define con clases Tailwind; evitar CSS personalizado salvo pequeñas variables de color.
- JavaScript solo para animar los contadores y las transiciones de entrada de los ítems de proyectos.
**Paleta de colores** (usar como variables en Tailwind config inline con `@layer utilities`):
- Primario: #0D0D0D (texto principal y fondos oscuros)
- Secundario: #FFFFFF (texto claro sobre fondos oscuros)
- Acento: #FF6B6B (boton
4.687 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.687 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 Cabecera con logo, menú y botón "Book a call"
- 1.2 Hero superior izquierda con foto del autor y nombre
- 1.3 Hero superior derecha con título "since 2015" y descripción breve
- 1.4 Hero inferior izquierda con ubicación y especialidad
- 1.5 Hero inferior derecha con tres contadores animados (años de experiencia, clientes satisfechos, proyectos entregados)
- 1.6 Líneas horizontales y verticales decorativas
- 1.7 Sección de Últimos proyectos con título y grid de 3 ítems, cada uno con número, miniatura, título y categorías
ABOUT
- 2.1 Cabecera reutilizable
- 2.2 Bloque de presentación personal con foto grande y texto descriptivo amplio
- 2.3 Trayectoria cronológica con hitos destacados
- 2.4 Testimonios y habilidades en formato tarjeta
SERVICES
- 3.1 Cabecera reutilizable
- 3.2 listado de servicios en tarjetas con icono, título y breve descripción
- 3.3 sección de proceso de trabajo en pasos numerados
CONTACT
- 4.1 Cabecera reutilizable
- 4.2 formulario de contacto simple (nombre, email, mensaje, botón enviar)
- 4.3 información de contacto y mapa embebido
BLOG
- 5.1 Cabecera reutilizable
- 5.2 listado de artículos en formato tarjeta con imagen, título, extracto y categoría
- 5.3 barra lateral con categorías y archivo
FOOTER
- 6.1 Enlaces de navegación secundarios
- 6.2 iconos de redes sociales
- 6.3 copyright y aviso legal
PROMPTS RELACIONADOS · TECNOLOGÍA