
Ventriloc
Редакционная обсерватория данных на теплой бумаге — единственный оранжевый уголек, подчеркивающий монохромную точность
Ventriloc говорит тихим, редакторским голосом: тёплый, белоснежный холст, моноширинные карточки данных с высокой точностью и единственный оранжевый уголёк, который выделяет монохромность, словно маркер на печатном отчёте. Система сочетает в себе специально разработанный неогротескный шрифт (PolySans) толщиной 400 для заголовков — необычная сдержанность, которая жертвует авторитетом за счёт объёма ради авторитета за счёт точности — с шрифтом Inter для основного текста и элементов интерфейса. Поверхности выполнены в тёплых серых и кремовых тонах, а не в холодном технологично-синем, карточки имеют асимметричные скругления углов (острый верхний правый угол, мягкий в остальных местах), а интерактивные элементы разделены на два чётких диалекта: кнопки с острыми углами в стиле текста и навигационные контейнеры в форме таблеток. Цвета дозированы: страницы должны быть оформлены в ахроматическом стиле 95%, а оранжевый цвет используется только в качестве функциональной пунктуации для выделения, подчёркивания ссылок и декоративных акцентов данных.
Контейнер максимальной ширины 1200px, центрированный по центру, с большими промежутками между секциями 80px. Главный элемент разделен на две колонки: слева находится заголовок, подтекст и набор из двух кнопок призыва к действию; справа отображается группа из трех перекрывающихся карточек с данными (финансовая диаграмма, статистика выручки, кольцо прибыльности), плавающих на белом холсте. Под главным элементом расположена полоса логотипа партнера во всю ширину на белом фоне. Последующие разделы чередуются между полосами цвета Ash (#efefef) и белыми полосами. Навигация представляет собой плавающий контейнер в виде таблетки, центрированный в заголовке, с логотипом бренда, выровненным по левому краю, и темной кнопкой «Связаться с нами», выровненной по правому краю. Общий ритм просторный и редакционный — широкие поля, высокие разделы, а карточки с данными являются единственным визуальным знаком препинания, помимо типографики.
Визуальное оформление практически полностью основано на данных: виджеты с диаграммами (линейные графики, круговые индикаторы прогресса, карточки статистики) выполнены в плоском, минималистичном стиле с тонкими линиями оранжевого и латунного цветов на белых картонных поверхностях. Никаких фотографий в стиле лайфстайл, никаких стоковых изображений, никаких иллюстраций на главной странице. Единственный фотографический контент — логотипы партнеров/клиентов, представленные в монохромном графитовом цвете. Визуальный язык ближе к печатному годовому отчету, чем к типичному сайту SaaS — диаграммы И ЕСТЬ изображения. Иконки тонкие, монолинейные, графитового цвета, появляются экономно в навигационной панели и заголовках карточек.
Палитра
Бренд
- Ember Orange
#ff682c— Оранжевый цвет используется для выделения ссылок, тегов и коротких фраз. Не следует выделять его как основной цвет призыва к действию.
Нейтральные
- Graphite
#202020— Основной текст, заголовки, навигационные ссылки, контуры иконок — типографическая основа каждого элемента интерфейса. - Canvas White
#ffffff— Фон страницы, возвышение карточки, заливка иконок — самая яркая поверхность в системе. - Ash
#efefef— Основной фон карточки и раздела, контейнер навигационной панели — преобладающая теплая серая поверхность. - Fog
#f5f5f5— Нежный фоновый тон для вложенных поверхностей и вторичных контейнеров. - Ivory
#ebe6dd— Теплый акцентный фон для основных блоков — ощущение бумаги. - Steel
#4d4d4d— Второстепенный основной текст, длинный абзацный текст
Типографика
от 14 до 66px · 5 ступеней
- PolySans — замена: Inter Tight or Space Grotesk at weight 400 · начертания 400 · Заголовки и декоративный текст — специально разработанный неогротескный шрифт, используемый исключительно с толщиной 400 и межбуквенным интервалом -0.02em, создает едва уловимый редакционный авторитет, который не смог бы воспроизвести ни один заголовок, выделенный жирным шрифтом.
- Inter — замена: system-ui or Roboto · начертания 400, 500, 600 · Основной текст, подписи к элементам пользовательского интерфейса, текст кнопок, заголовки, метаданные — универсальный шрифт без засечек для всего, что не является заголовком.
Интервалы и форма
| Назначение | Значение |
|---|---|
| Плотность | средняя |
| Базовый шаг | 20px |
| Радиус кнопок | 0px |
| Радиус карточек | 8px |
| Тени | нет — границы вместо теней |
| Между секциями | 80px |
| Ширина страницы | 1200px |
ИИ соберёт ваш сайт в стиле Ventriloc и наполнит его
- Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
- Перенесёт контент со старого сайта — достаточно указать адрес.
- Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
- Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.
Похожие стили
- Ui — клинический план на матовой бумаге
- Geniestudio — Блокнот с мягким дневным светом — такой, с широкими полями и одним толстым штрихом пера
- xAI — лаборатория теплых сливок с черной таблеткой
- Cal — Монохромная практичность, человечный подход. Система, в которой приоритет отдается ясности и функциональност…
- Scale — Высококачественная фотолаборатория музейного уровня в сочетании с техническим проектом
- Contractbook — контракты из кремовой бумаги под ультрамариновым небом
- AutoSend — Уютная каменная мастерская с единственным фиолетовым огоньком — где заголовки с засечками и призывы к действ…
- Air — скульптура «Полуночное небо сквозь стекло»
- SpatialChat — фиолетовый пульс на белом пергаменте
- Squarespace — Кинематографическая монохромная галерея
- Giga — Полуночный горизонт над матовым обсидианом
- Supabase — Редактор кода в полночь с фосфоресцирующей зеленой точкой — одиночный хроматический импульс на море угольной…