AGENCIA DIGITAL · Tailwind · HTML · Vanilla JS

Lira Creativa – Portafolio web de diseño visual y digital

Sitio web de una sola página para Lira Creativa, estudio de diseño visual y digital, con navegación ancla, hero animado y galería de trabajos destacados. Optimizado con Tailwind CSS y JavaScript puro para una carga rápida y experiencia fluida.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Lira Creativa — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia "Lira Creativa" (estudio de diseño visual y digital) con dominio liracreativa.com. Utiliza una única página HTML con Tailwind CSS CDN y JavaScript vanilla (sin frameworks). La web debe ser un portafolio de una sola página con desplazamiento suave entre secciones y desplazamiento ancla en la navegación. --- **Paleta de colores** (hex): - Fondo principal: #FFFFFF - Texto principal: #111111 - Texto secundario / gris: #555555 - Accent primario: #4A90E2 - Accent secundario: #E2E8F0 **Tipografía**: Inter (Google Fonts) para titulares y cuerpo, peso 400‑700. **Estructura** 1. **Header** (fixed, bg-white, shadow): logotipo textual "Lira Creativa" a la izquierda, menú de navegación a la derecha con enlaces ancla: Home, Work, Services, Resume, Con
4.272 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.272 caracteres · licencia libre Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Lira Creativa — home completa
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 logotipo y menú responsivo
  • 1.2 Hero con nombre, apellido, animación Lottie, disponibilidad y datos breves
  • 1.3 Imagen de perfil a pantalla completa
  • 1.4 Galería de trabajos destacados en cuadrícula de 4 columnas
  • 1.5 Footer minimalista con enlaces de contacto

WORK

  • 2.1 Lista de proyectos (mismo diseño que la galería de la home, pero mostrada en página propia)
  • 2.2 Detalle individual del proyecto (imagen grande, título, categoría, descripción breve)

RESUME

  • 3.1 Sección de experiencia laboral
  • 3.2 Educación y certificaciones
  • 3.3 Habilidades y herramientas

CONTACT

  • 4.1 Formulario de contacto sencillo (nombre, email, mensaje)
  • 4.2 Información de ubicación y redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría