NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca Lúcida Creación (lucidacreacion.com), agencia digital de diseño y estrategia. Usa HTML5 + Tailwind CSS CDN + JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto), #E63946 (accento rojo), #F1FAEE (gris muy claro), #457B9D (azul profundo). Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
Estructura:
- <header class="fixed top-0 w-full bg-black bg-opacity-80 backdrop-blur-lg"> con logo (40x40 SVG), menú horizontal (Projects, Staff, Blog, Pages dropdown, Contact), botón destacado "Contact Us" en rojo y botón hamburguesa para móvil.
- <section id="hero" class="min-h-screen flex items-center px-8 py-24 bg-cover bg-center" style="background-image:url('hero-image.avif')"> contiene:
* <h1
4.288 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.288 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 con logo, enlaces y botón de contacto
- 1.2 Hero con título, subtítulo, imagen y avatares
- 1.3 Bloque de partners con logos en filas
- 1.4 Bloque "Quiénes somos" con título, texto y estadísticas
- 1.5 Bloque de valores con tarjetas iconográficas
- 1.6 Pie de página con enlaces y redes sociales
PROJECTS
- 1.1 Lista de proyectos en cuadrícula
- 1.2 Filtro por categoría
- 1.3 Detalle de proyecto con galería y descripción
STAFF
- 1.1 Equipo en tarjetas con foto, nombre y rol
- 1.2 Enlace a perfil individual
BLOG
- 1.1 Lista de artículos en tarjetas
- 1.2 Categorías y barra lateral
- 1.3 Artículo individual con contenido y comentarios
CONTACT US
- 1.1 Formulario de contacto simple
- 1.2 Información de contacto y mapa incrustado
PROMPTS RELACIONADOS · CREATIVO
