NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño y la estructura de la referencia, pero con la marca ficticia **Digital Talismán**. Usa Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores** (extrae tonos similares del original):
- #0A0A0A (casi negro para fondo principal)
- #FFFFFF (blanco para texto y fondos secundarios)
- #1E40AF (azul intenso para acentos, botones y enlaces)
- #F3F4F6 (gris claro para secciones con fondo neutro)
- #6B7280 (gris medio para textos secundarios)
**Tipografía**: Inter (Google Fonts) para todo el texto, con tamaños:
- h1: 4xl font‑bold,
- h2: 3xl font‑semibold,
- h3: 2xl,
- p: base,
- small: sm.
**Header**: barra lateral izquierda (sticky) de 280 px, fondo negro, logo (texto "Digital Talismán" c
4.686 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.686 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 Navbar sticky con logo, enlaces, redes y botón de contacto
- 1.2 Hero full‑screen con título, subtítulo, datos de ubicación y vídeo de fondo
- 1.3 Bloque “Sobre nosotros” con encabezado, texto descriptivo, logos de partners y vídeo interno
- 1.4 Lista de servicios en tarjetas horizontales con icono y descripción
- 1.5 Sección de proyectos recientes con cuadrícula 3‑columnas y efecto hover 3D
- 1.6 Footer con links de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header interno con breadcrumb opcional
- 2.2 Texto largo describiendo la historia y misión
- 2.3 Galería de fotos o video institucional
- 2.4 Call‑to‑action para contactar
PROJECTS
- 3.1 Grid de proyectos con miniaturas, overlay y lightbox
- 3.2 Filtro por categoría (opcional)
- 3.3 Botón “Ver más” al final
CAREERS
- 4.1 Lista de ofertas de empleo con título, localización y botón aplicar
- 4.2 Formulario simple de candidatura
CONTACT
- 5.1 Formulario de contacto con nombre, email, mensaje
- 5.2 Información de oficina y mapa embebido
PROMPTS RELACIONADOS · TECNOLOGÍA