NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para "Lúmina Topacio", una agencia de diseño y desarrollo digital, usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir fielmente la estructura y estilo del sitio analizado, pero con todo el contenido original.
---
**Paleta de colores** (usar en Tailwind config inline):
- Primario: #00BFA5 (turquesa brillante)
- Secundario: #374151 (gris oscuro 700)
- Fondo: #F9FAFB (gris muy claro)
- Texto principal: #111827 (gris casi negro)
- Acéntico: #F59E0B (ámbar)
**Tipografía**: Inter (Google Fonts) para todo el texto, tamaños y pesos típicos de Tailwind (font‑sans, text‑2xl, font‑bold, etc.).
**Header**: Barra de navegación fija, fondo blanco con sombra ligera, logo a la izquierda "Lúmina Topacio" en fuente Inter bold, e
4.802 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.802 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 Barra de navegación fija con logo y enlaces ancla (Home, Trabajos, Servicios, Currículum, Contacto)
- 1.2 Hero con nombre, apellido, disponibilidad y datos básicos
- 1.3 Imagen de perfil a pantalla completa
- 1.4 Sección "Nuestro mejor trabajo" con título y descripción centrada
- 1.5 Galería de proyectos destacados (4 columnas, imagen + título + categoría)
- 1.6 Footer con enlaces a redes y aviso de derechos
TRABAJOS
- 2.1 Encabezado de página con título y filtro de categorías
- 2.2 Grid de proyectos (imagen, nombre, categoría) en 3 columnas
- 2.3 Paginación simple
SERVICIOS
- 3.1 Lista de servicios con iconos y breves descripciones
- 3.2 CTA para solicitar presupuesto
CURRICULUM
- 4.1 Línea de tiempo de experiencia profesional
- 4.2 Educación y habilidades en tarjetas
- 4.3 Botón de descarga de CV
CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Información de contacto y mapa embebido
- 5.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · BEAUTY / SPA
