Руководство по стилю VIRAY

Цвет, шрифт
и изображение

02

Тёмная среда — не тема интерфейса, а часть характера. Фотография даёт масштаб и свободу, световой интервал делает статус видимым.

85% темноты.
15% воздуха и света.

Графит и night формируют основную поверхность. Paper используется для текста и редких контрастных кнопок. Signal blue отмечает выбор, актуальность и навигацию; window amber остаётся редким световым акцентом. Цвет никогда не является единственным носителем статуса.

Night#07101A
Wet stone#1A2633
Signal blue#3C7CF0
Window#EFBF55
Свободно / подтвержденоТребует ответаОшибка / конфликт

Крупная мысль.
Точный интерфейс.

Вся система построена на гротеске Onest. В крупных заголовках он работает плотнее и смелее, в интерфейсе — спокойнее и нейтральнее. Разница ролей создаётся весом, размером, интервалами и табличными цифрами, без шрифтов с засечками.

Свободно
до темна.

Интерфейс / Onest

Берег озера свободен 18—20 сентября

Доступность подтверждена владельцем сегодня в 09:42. Следующее обновление — завтра.

1 480 BYN · 8 гостей · VR-1847

Изображение — это фон,
а не карточка рядом.

На гостевых страницах фотография занимает всю поверхность и задаёт настроение. Дом не должен выглядеть декорацией дорогого отеля: важны дождь, вода, следы жизни и узнаваемый белорусский масштаб.

Основной пример фотографии VIRAY
Усадьба после дождяДомики в лесу
Дасиний час, мокрые материалы, редкий свет
Далюди малы и естественны
Нетдворцы, глянец и рекламная постановка
Нетнеон, чрезмерная обработка и пересвет

Дневные фотографии

Тёмный бренд — не тёмный фильтр.

Дневной кадр сохраняет цвет и естественную экспозицию. Контраст создаётся локально: подпись живёт на собственной тёмной подложке, а не под сплошным затемнением фотографии. Для обложки выбирается свободная зона кадра; если её нет, текст располагается рядом с изображением.

Светлое фото Песчаного берегаПесчаный берег · дневной свет
Светлое фото Весёлой хатыВесёлая хата · дневной свет

Один принцип.
Четыре применения.

Узкая зона света отмечает момент совпадения: выбранный диапазон, активный пункт, подтверждение, переход между фотографией и данными. Интервал не используется как декоративная полоска без смысла.

Навигация
Диапазон дат
Фото / текст
Подтверждение

Створки двигаются.
Интерфейс не играет.

При входе световой интервал коротко проявляется вместе со знаком. Переход спокойный и длится не больше 700 мс. Бесконечные декоративные анимации, сияние и параллакс не используются. Для пользователей, отключивших анимацию, всё движение убирается.

закрыто → открыто
700 мс · плавно
без анимации
0 мс