NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Línea Óptima" (agencia digital) usando exclusivamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. La web debe reproducir el diseño visual y la estructura del sitio de referencia, manteniendo los siguientes patrones UI:
- Paleta monocromática: fondo #ffffff, texto principal #000000, acentos #111111 y #222222.
- Tipografía: fuente "Inter" (Google Fonts) para encabezados y cuerpo.
- Header fijo con logo circular (80 px) a la izquierda, texto descriptivo bajo el logo y botón hamburguesa a la derecha que abre un overlay con navegación vertical (Home, About, Work, News, Contact) y iconos sociales.
- Hero principal con título grande dividido en dos líneas, texto centrado, fondo blanco y botón secundario que abre la URL "http
4.129 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.129 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 Header con logo, texto descriptivo y menú hamburguesa
- 1.2 Hero principal con título dividido en dos líneas y botón de vista externa
- 1.3 Indicador de scroll vertical
- 1.4 Sección Portfolio: tres columnas, cada una con enlace a una página (Home One, Work One, News One) mostrando imagen y título con flecha
- 1.5 Footer con navegación principal y enlaces a redes sociales
ABOUT
- 2.1 Header replicado
- 2.2 Título y descripción de la agencia
- 2.3 Equipo y valores en tarjetas
- 2.4 CTA de contacto
- 2.5 Footer igual que Home
WORK
- 3.1 Header replicado
- 3.2 Galería de proyectos en cuadrícula de tres columnas
- 3.3 Cada proyecto muestra miniatura, título y flecha de detalle
- 3.4 Paginación o carga más
- 3.5 Footer
NEWS
- 4.1 Header replicado
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Navegación entre páginas de noticias
- 4.4 Footer
CONTACT
- 5.1 Header replicado
- 5.2 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa embed
- 5.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 20/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
