videolib — три направления интерфейса

Одни и те же четыре экрана телефона и лента на десктопе в трёх визуальных системах. Тёмная тема по умолчанию, светлая переключается справа. Всё нарисовано на токенах shadcn: bg, surface, muted, border, accent, radius.

Сравнение

Оценки относительные, внутри этих трёх вариантов. Все три собираются из одних и тех же компонентов shadcn/Base UI, отличаются токенами и несколькими вариантами компонентов (карточка, нижняя навигация, кривая повторов).

A · УглиB · Контактный листC · Эмбиент
Плотность~6 карточек на экран, крупные постеры 16:10~8 карточек, 6 колонок на десктопе, список как таблица~4 карточки, высокие постеры 4:5
Читаемость постеровПостер чистый, текст под ним; тёплый фон не спорит с кадромКадры мельче, но рамка-отпечаток отделяет их от фонаСамые большие кадры; название поверх нижней трети постера
УзнаваемостьЗнакомая «кинотемная» эстетика; характер держится на одном акценте 🔥Ни на что не похоже: моно-метаданные, пометки жирным карандашомЭкран каждый раз окрашен текущим видео, ощущение «живого» приложения
РискиЛегко скатиться в шаблон, если оранжевый начнёт появляться не только на горячемМоноширинный текст утомляет в длинных описаниях; на 375px нужна дисциплина в обрезкеСтекло и размытия дороже по батарее на слабых Android; оттенок постера может ухудшить контраст
Лучше всего дляСмотреть: спокойная лента, плеер на первом местеРазбирать: большая библиотека, сортировка, теги, папкиЛистать: ощущение нативного медиаплеера, как YouTube ambient