NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Sistemas Alba, un estudio digital, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta monocromática blanco y negro (colores: #FFFFFF, #000000, #F5F5F5 para fondos suaves).
- Tipografía: Inter (Google Fonts) para textos y Playfair Display para títulos.
- Header: logo circular con texto descriptivo a la derecha, botón de menú hamburguesa que abre una barra lateral izquierda con enlaces (Home, About, Work, News, Contact) y fila de iconos sociales (Instagram, LinkedIn, Twitter, Dribbble, Facebook).
- Hero: título grande dividido en dos líneas, estilo "Lift your brand with" y "a smart template" centrado, con botón secundario "View on Webflow" q
3.670 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.670 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 Hero con título dividido y botón de vista Webflow
- 1.2 Menú hamburguesa lateral con enlaces a Home, About, Work, News, Contact y redes sociales
- 1.3 Galería de plantillas Home (3 tarjetas)
- 1.4 Galería de trabajos (Work) (3 tarjetas + 1 enlace externo)
- 1.5 Galería de noticias (News) (3 tarjetas)
- 1.6 Footer con logo, texto breve y iconos sociales
ABOUT
- 2.1 Hero con título y subtítulo
- 2.2 Texto descriptivo del estudio
- 2.3 Equipo (tarjetas con foto y cargo)
- 2.4 Valores en cuadrícula
- 2.5 Footer
WORK
- 3.1 Hero con título principal
- 3.2 Grid de proyectos (4 tarjetas) con imagen, título y flecha
- 3.3 Caso de estudio destacado (texto largo + imágenes)
- 3.4 Footer
NEWS
- 4.1 Hero con título "Noticias"
- 4.2 Lista de artículos (3 tarjetas) con imagen, título y fecha
- 4.3 Paginación simple
- 4.4 Footer
CONTACT
- 5.1 Hero con llamado a la acción
- 5.2 Formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes
- 5.5 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image