Vellum — это премиальный одностраничный HTML-шаблон для креативных агентств, дизайн-студий и фрилансеров, которым нужен сайт, выглядящий как арт-дирекшн — а не собранный из конструктора. Лёгкий, редакторский и безапелляционно смелый: огромные display-буквы на почти белом фоне, решительные электрически-синие цветовые блоки и компоновка, ориентированная на портфолио, чтобы превращать посетителей в запросы на проекты.

Большинство шаблонов агентств идут на компромисс — стоковая hero-фотография, мягкий градиент, центрированный слоган. Vellum делает наоборот: типографика — это изображение. Огромные заголовки, ломающие сетку, невидимая базовая сетка, один насыщенный акцент, используемый как архитектура, и сетка «Selected Work», которая становится героем страницы.

ЧТО ВНУТРИ (~12 секций)

• Липкая навигация + доступное мобильное меню

• Hero в редакторском стиле с разрывом сетки

• Возможности автоматической прокрутки — marquee

• Портфолио в основе — сетка «Selected Work» (электрически-синий эффект заливки при наведении)

• Выделенный блок кейс-стади

• Полноразмерная полоса-манифест

• Нумерованные услуги / возможности

• Клиенты + строка признания

• Шаги процесса

• Большая цитата в формате pull-quote (отзыв)

• Полноширокая CTA-полоска + футер

ПОЧЕМУ ЭТО ДРУГОЕ

• Основано на токенах — сделайте ребрендинг всего сайта, заменив ЗНАЧЕНИЕ ОДНОГО акцента

• Статический HTML + Tailwind CSS — без React/Vue, без сборки (build step); просто разместите на любом хостинге

• Полностью адаптивный, mobile-first — hero масштабируется с clamp(), драматургия сохраняется даже на ширине телефона

• Контрастность WCAG AA, семантические ориентиры (landmarks), фокус по клавиатуре, уважает prefers-reduced-motion

• Самостоятельно размещаемые шрифты (Space Grotesk + Inter, woff2) — без CDN, без сдвига макета (layout shift)

• Lighthouse: Performance 97 · Accessibility 100 · Best-Practices 100 · SEO 100

• Чистый, комментированный код, валидный по W3C

ЧТО ВЫ ПОЛУЧАЕТЕ

index.html · скомпилированный + исходный Tailwind CSS · чистый JavaScript (marquee, scroll-reveal, mobile nav) · шрифты self-hosted · документация · changelog · заметки по лицензии.

Демо вживую (бесплатная Lite-версия): https://mcmxcixx.github.io/vellum-studio/