Vellum - це преміальний односторінковий HTML-шаблон для креативних агенцій, дизайн-студій і фрілансерів, які хочуть сайт із арт-дирекшном, а не зібраний із конструктора. Світлий, редакційний і впевнено сміливий: величезна акцидентна типографіка на майже білому тлі, рішучі блоки електрично-синього кольору та макет, що ставить на перше місце портфоліо і створений, щоб перетворювати відвідувачів на запити щодо проєктів.

Більшість шаблонів для агенцій вагаються: стокове фото в hero, м’який градієнт, заголовок по центру. Vellum робить навпаки: типографіка І Є зображенням. Величезні заголовки, що виходять за межі сітки, невидима базова сітка, один насичений акцент як архітектурний елемент і сітка «Вибрані роботи», яка є головною героїнею сторінки.

ЩО ВХОДИТЬ (~12 секцій)

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

• Редакційний hero, що виходить за межі сітки

• Бігучий рядок можливостей з автопрокруткою

• Сітка «Вибрані роботи» з акцентом на портфоліо (заливка електрично-синім при наведенні)

• Добірка з кейсом

• Маніфест-смуга на всю ширину

• Пронумеровані послуги / можливості

• Рядок клієнтів і відзнак

• Етапи процесу

• Великий відгук-цитата

• Смуга із закликом до дії на всю ширину + футер

ЧОМУ ВІН ВІДРІЗНЯЄТЬСЯ

• Керується токенами: змініть брендинг усього сайту, замінивши ОДНЕ значення акценту

• Статичний HTML + Tailwind CSS: без React/Vue, без етапу збірки, розмістіть на будь-якому хостингу

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

• Контраст WCAG AA, семантичні орієнтири, керування з клавіатури, повага до prefers-reduced-motion

• Шрифти на вашому сервері (Space Grotesk + Inter, woff2): без CDN, без зсувів макета

• Lighthouse: продуктивність 97 · доступність 100 · найкращі практики 100 · SEO 100

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

ЩО ВИ ОТРИМУЄТЕ

index.html · скомпільований + вихідний Tailwind CSS · чистий JS (бігучий рядок, поява при прокрутці, мобільна навігація) · шрифти на вашому сервері · документація · журнал змін · примітки щодо ліцензії.

Жива демонстрація (безкоштовна Lite-версія): https://mcmxcixx.github.io/vellum-studio/