NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). La marca ficticia es Ideas Alba, un estudio creativo de diseño de productos y branding. Reproduce fielmente la estructura y patrones UI del sitio original:
- Header: barra superior oculta que se muestra como overlay fullscreen al pulsar el icono hamburguesa. Incluye logo "L|A" y enlaces Home, Projects, Blog, Contact.
- Hero: sección a pantalla completa con grid de dos columnas; columna izquierda muestra encabezado grande "Lumen" y subtítulo "Diseñamos experiencias digitales que conectan"; columna derecha muestra encabezado "Arte" y listado de especialidades.
- Sobre mí: bloque con texto descriptivo, botón negro "Vamos a crear" que lleva a /contact, y una foto de persona con efecto blur d
3.632 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.632 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 Menú overlay fullscreen con logo y enlaces
- 1.2 Hero dividida en dos columnas, encabezados grandes y subtítulo
- 1.3 Bloque "Sobre mí" con párrafo amplio, botón negro y foto con efecto blur
- 1.4 Sección de proyectos destacados, cuadrícula 2x2, tarjetas con imagen de fondo y overlay de título
- 1.5 Bloque "Qué hago" con título y acordeón de tres ítems (Product Design, UI Design, Branding)
- 1.6 Footer con redes sociales y texto de disponibilidad
PROJECTS
- 1.1 Lista de proyectos en cuadrícula, cada tarjeta muestra imagen y nombre del proyecto
BLOG
- 1.1 Lista de artículos con miniatura, título y extracto breve
CONTACT
- 1.1 Formulario simple con campos nombre, email, mensaje y botón enviar
- 1.2 Información de disponibilidad y enlaces a redes sociales
PROMPTS RELACIONADOS · CREATIVO
