Vellum es una plantilla HTML premium de una sola página para agencias creativas, estudios de diseño y freelancers que quieren un sitio con dirección de arte, no montado a partir de un kit. Luminosa, editorial y audazmente atrevida: tipografía de gran tamaño sobre espacios casi blancos, bloques de color azul eléctrico decididos y un diseño centrado en el portafolio, pensado para convertir visitas en consultas de proyectos.

La mayoría de las plantillas para agencias se quedan a medias: una foto de stock en el hero, un degradado suave, un eslogan centrado. Vellum hace lo contrario: la tipografía ES la imagen. Titulares enormes que rompen la cuadrícula, una cuadrícula de línea base invisible, un único acento saturado usado como arquitectura y una cuadrícula de "Trabajos seleccionados" que es la protagonista de la página.

QUÉ INCLUYE (~12 secciones)

• Navegación fija + menú móvil accesible

• Hero editorial que rompe la cuadrícula

• Marquesina de capacidades con desplazamiento automático

• Cuadrícula de "Trabajos seleccionados" centrada en el portafolio (efecto de inundación azul eléctrico al pasar el cursor)

• Destacado de un caso de estudio

• Banda de manifiesto a todo ancho

• Servicios / capacidades numerados

• Fila de clientes y reconocimientos

• Pasos del proceso

• Testimonio con gran cita destacada

• Banda de llamada a la acción a todo ancho + pie de página

POR QUÉ ES DIFERENTE

• Basada en tokens: cambia la marca de todo el sitio modificando UN solo valor de acento

• HTML estático + Tailwind CSS: sin React/Vue, sin paso de compilación, súbela a cualquier hosting

• Totalmente adaptable y mobile-first: el hero escala con clamp(), el impacto se mantiene hasta el ancho de un teléfono

• Contraste WCAG AA, landmarks semánticos, navegable con teclado, respeta prefers-reduced-motion

• Fuentes alojadas en tu servidor (Space Grotesk + Inter, woff2): sin CDN, sin saltos de diseño

• Lighthouse: Rendimiento 97 · Accesibilidad 100 · Buenas prácticas 100 · SEO 100

• Código limpio, comentado y válido según W3C

QUÉ RECIBES

index.html · Tailwind CSS compilado + código fuente · JS puro (marquesina, aparición al hacer scroll, navegación móvil) · fuentes alojadas en tu servidor · documentación · registro de cambios · notas de licencia.

Demo en vivo (versión Lite gratuita): https://mcmxcixx.github.io/vellum-studio/