NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo en un solo archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. Utiliza la marca ficticia "Lúmina Tremolo" (luminatremolo.com) con claim "Diseñamos experiencias visuales que perduran" y email hola@luminatremolo.com. El sitio será un portafolio digital (categoría Portafolio) con las siguientes características:
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #F5A623 (amarillo cálido), #E0E0E0 (gris claro).
- **Tipografía**: "Inter" para títulos y cuerpos, peso 400‑700, cargada desde Google Fonts.
- **Estructura**: Cabecera fija con logo (texto simple Lúmina), menú de navegación (Home, About, Projects, Services, Blog, Contact) y botón de contacto resaltado en amarillo. Menú hamburguesa para móvil que despliega una lista vertical.
- **
4.241 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.241 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ú, botón de contacto y menú móvil
- 1.2 Hero: saludo, nombre, vídeo de fondo, descripción breve, contadores animados
- 1.3 Sección Proyectos: título y grid de tarjetas
- 1.4 Footer: enlaces, contacto y redes
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Bloque de presentación personal con foto y texto
- 1.3 Timeline de experiencia y habilidades
- 1.4 Footer reutilizado
PROJECTS
- 1.1 Cabecera reutilizada
- 1.2 Galería estilo masonry con filtros
- 1.3 Detalle rápido de cada proyecto (modal)
- 1.4 Footer reutilizado
SERVICES
- 1.1 Cabecera reutilizada
- 1.2 Lista de servicios con iconos y descripciones
- 1.3 Testimonios rotativos
- 1.4 Footer reutilizado
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Listado de artículos con cards y paginación
- 1.3 Sidebar con categorías y suscripción
- 1.4 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto simple
- 1.3 Mapa incrustado (placeholder)
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · PORTAFOLIO
