Superlist
Нощно работно пространство с коралови жарава - тиха повърхност за приложение, подобна на патладжан, където една топла оранжева искра сигнализира за всяко действие
Superlist използва език за продуктивност в полунощно лилави тонове: наситен патладжан, топъл корал като единствен основен цвят и големи заглавия без засечки, които улавят цялата атмосфера. Интерфейсът извиква усещането за фокусирана работа до късно през нощта – тих, многопластов и уверен, като цветът се използва само като функционална пунктуация при призиви за действие, активни състояния и ключови точки. Повърхностите са наслоени в фини тъмни тонове с лилав подтон (#181824 → #26253b), като се избягва чисто черно, за да се гарантира, че дълбочината се усеща топла, а не стерилна. Компонентите се отличават с щедри заоблени форми (20px карти, бутони за хапчета), меки сенки и „дишат“ чрез удобни 10-16px интервали, а не чрез стегнати решетки. Гласът на заглавието е всичко: 600-точкова тежест с 70-88px и стегнато разстояние между буквите от -0.02em третира текста като типографски, а не като потребителски интерфейс – той е по-близо до редакционен текст, отколкото до SaaS.
Тъмните секции обхващат цялата ширина на страницата, с центрирани контейнери за съдържание с максимална ширина. Основната секция е вертикално центрирана и съдържа заглавие, подтекст и призив за действие (CTA), последвани от голяма екранна снимка на продукта, която се припокрива със следващата секция. Последващите секции се редуват между центрирани текстови блокове и решетки с карти. Секцията за отзиви използва триколонна решетка с карти за отзиви и 16 междинни елемента. Навигацията е единична горна лента с лого отляво, центрирани връзки и действия за вход отдясно - без фиксирана странична лента или мега-меню. Междинните елемента между секциите са щедри (16 междинни елемента), създавайки просторен, редакционен ритъм, а не гъста продуктова решетка.
Визуалното пространство е доминирано от екранни снимки на продукти – голяма рамка със заоблени ъгли, показваща действителния интерфейс на приложението, запълва основната и второстепенните секции. Снимките са минимални, използвани само като потребителски аватари или визуализации на медийни файлове в приложението (например, изображението на концерта в десния панел на макета на продукта). Логотата на лентата за доверие са плоски, приглушени бели текстови символи. Няма декоративни илюстрации, абстрактна графика, 3D рендери. Визуалната стратегия е да се представи продуктът в мащаб, да се остави типографията да върши емоционалната работа и да се използва коралов цвят като единствен акцентен цвят.
Палитра
Марка
- Coral Ember
#ff4a36— Оранжевото се използва като вторичен акцент за декоративни детайли и за подчертаване на рядко срещани сигнали. Не трябва да се използва като основен цвят за призиви за действие.
Неутрален
- Aubergine Canvas
#181824— Фонът на страницата, основното платно, е в топъл, тъмен нюанс, който замества чисто черното, което прави потребителския интерфейс да изглежда по-скоро многопластов, отколкото плосък. - Elevated Plum
#26253b— Повърхности на карти, полета за въвеждане, контейнери за навигация – една стъпка по-лесно от платното за създаване на дълбочина без видима граница. - Pure White
#ffffff— Основни заглавия, текст на бутони и контури на икони – максимален контраст върху тъмно платно. - Fog Text
#696f81— Основният текст, вторичните заглавия и приглушените рамки – контрастно съотношение 7:1 за удобно четене на фон с цвят на патладжан. - Ash Text
#8e8da0— Поддържа се неутрален цвят за вторични елементи на потребителския интерфейс, разделители и заглушени етикети. Той не трябва да се използва като основен цвят за подканващи фрази. - Mist Highlight
#a3a3a7— Фините рамки, разделителите и неактивните навигационни елементи създават фин неутрален тон, който все пак се откроява на фона на платното.
Типография
от 12 до 88px · 9 стъпки
- sans-serif — замяна: Inter · очертания 400 · sans-serif - намерен в извлечените данни, но не е описан от изкуствения интелект.
- Haffer XH SemiBold — замяна: Inter Tight · очертания 400, 600 · Основният шрифт за показване и заглавия. Използва се с размер 70–88px за главни заглавия с разстояние между буквите -0.02em и дебелина 600. Тънкото разстояние между буквите и голямата височина на буквите придават на заглавията редакционна тежест, което прави тъмния интерфейс да изглежда по-скоро като корица на списание, отколкото като табло. Заменете с Inter Tight или General Sans с удебелен шрифт.
- Jersey 10 — замяна: Anybody · очертания 400 · Голям, декоративен шрифт за акцентни числа и акценти. Използва се пестеливо при много големи размери за създаване на типографски акценти. Може да се замени с Anybody или Cabinet Grotesk.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | средно |
| Основна стъпка | 10-16px |
| Радиус на бутона | 100px |
| Радиус на картата | 20px |
| Сенки | меки сенки |
| Между секциите | 80px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Superlist и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- DNA — Полунощна обсерватория, видяна през леща за частици
- Abetterlou — Искри върху кожа тип „седло“ - топъл кремообразен шрифт, светещ на наситен кафееночерен фон, с кехлибарено-златисти бутони, които се усещат като нажежен метал, притиснат към страницата.
- Galileo-ft — Командна палуба за дълбокия космос с електрическо сини сигнали
- Decide AI — Обсерватория в полунощ - ментов сигнал
- Redis Agency — Редакционната работилница, отворена след работно време, е непрогледно тъмно място, където цялата работа по брандирането се извършва със серифни шрифтове и една-единствена червена репичка.
- Spellbook — Съдебна зала в полунощ, осветена с коралово мастило – тъмна редакционна повърхност, където единственият звук е топлият оранжев щрих на перото
- Linear — инструмент за прецизност в полунощ
- Origin Financial — Среднощна галерия на тих разкош. Тиха, почти тъмна стая, където големи серифни шрифтове и няколко осветени цветни панела създават усещането, че финансите са внимателно подбрано произведение на изкуството.
- Hyperstudio — Дизайнът е гравиран върху обсидиан. Текст и фини линии ограждат бяла площ от чисто черно, с от време на време златни знаци на компас, указващи пътя.
- Air — скулптура „Полунощно небе през стъкло“
- Raycast — Полунощен команден център, Корал Неон
- dope.security — Полунощен терминал с лилави маяци