Stripe
Счетоводна книга, написана с индигово мастило върху матирано стъкло
Stripe използва почти монохромен език за финансови инструменти: меко, хладно бяло платно с тъмносини заглавия, почти никакви декоративни хромирани елементи и едно ярко индиго (#533afd), което би могло легитимно да се използва като бутон, връзка или контур на икона. Типографията е изключително тънка, с дебелина от 300 пункта – дори при 56px – което изглежда по-скоро уверено занижено, отколкото прекалено корпоративно; разстоянието между буквите намалява рязко с увеличаване на размера. Бутоните са малки, квадратни (4px) и използват лилави запълвания или най-тънките лилави контури. Системата напълно избягва сенките; дълбочината се постига чрез промяна на фоновите нюанси (бяло → #f8fafd → #e5edf5 → лилави нюанси), а не чрез повдигане. Целият интерфейс се държи като счетоводна книга или терминал: плътна информация, ясни линии, достатъчно пространство между секциите, а цветът се появява само когато е необходимо действие.
Максималната ширина е ~1320px за центрирана колона със съдържание върху бяло платно. Главният блок е подравнен отляво текстов блок в пълен размер (56px) с две подканващи фрази отдолу, без изображение на главния блок – типографията Е главният блок. Секциите са подредени вертикално с равни междини от 96px и разделители от 1px #e5edf5; няма редуващи се тъмни/светли ивици. Всеки раздел следва повтарящ се модел: малко заглавие на раздела, изписано с главни букви (опушен цвят, 12px), след това заглавие от 32-48px, след това параграф от 22px, след това мрежа от продуктови карти (3 колони на десктоп) или текстов блок с 2 колони с визуални елементи. Логотата на клиентите се показват в тясна вертикална лента, подравнена отляво. Долният колонтитул е една широка #f8fafd лента с многоколонни списъци с връзки. Общият ритъм е бавен, премерен и предимно текстов – плътността на информацията е ниска, въпреки дългата дължина на скролиране.
Изображенията са сдържани и в документален стил. Снимки на цяла страница се появяват само в секции, представящи казуси (напр. въздушна фотография на трафика за Hertz), заснети отгоре или под драматични ъгли, използвайки естествени цветове - без двутонова или цветова обработка. Снимки на екрана на потребителския интерфейс на продукта се използват в рамките на карти с функции, рендирани с остри ъгли и ясни граници, без рамки на устройството. Логотата на партньорите се показват в собствените им цветове, без никакви контейнери. Няма илюстрации, 3D рендери или декоративни абстрактни графични елементи. Иконите са еднородни: дебелина на линията 1, дебелина на линията 2 на бял фон, с геометрична линейна графика (шеврони, стрелки, отметки, символи на документи). Страницата се състои предимно от текст и бяло пространство; изображенията заемат по-малко от 3% от общата визуална площ.
Палитра
Марка
- Indigo Ink
#533afd— Лилавото се използва за запълнени бутони, избрани състояния на навигация и моменти на конверсия, водени от фокус. - Indigo Hover
#7389ff— Лилавото се използва за подчертаване на връзки, тагове и кратки фрази. Не трябва да се използва като основен цвят за призиви за действие.
Неутрален
- Midnight Ink
#061b31— Основният заглавен текст и основният текст са в наситен, почти черен цвят със студен син оттенък, който служи като основа за цялата шрифтова система. - Slate
#64748d— Сивият текст подчертава връзки, етикети и кратки фрази. - Steel
#50617a— Допълнителният текст и помощните материали са разположени между шистово-сивите и приглушените лилави тонове, използвани в подлицензите. - Smoke
#839bc8— За големи декоративни заглавия и придружаващ текст се използва приглушен лилав нюанс - никога в параграфите на основното съдържание. - Pure White
#ffffff— Платното на страницата и повдигнатите повърхности на картите; фонът по подразбиране, спрямо който се измерва всичко останало. - Mist
#f8fafd— Фонът на долния колонтитул и разделителят на секциите са в фин хладен нюанс, който разделя областите без видима граница.
Типография
от 12 до 56px · 9 стъпки
- sohne-var — замяна: Inter Tight (variable · очертания 300, 400 · Единственият шрифт, използван в целия интерфейс, е за заглавия, основен текст, навигация, бутони и етикети. Теглото от 300 преобладава дори при размер на екрана от 56px, което е отличителна черта: заглавията шепнат, а не крещят, установявайки авторитет чрез сдържаност, а не чрез обем. Теглото от 400 се появява само при 14–16px за навигация и текст на бутони, където е необходим допълнителен щрих за четливост при по-малки размери.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | просторен |
| Основна стъпка | 8px |
| Радиус на бутона | 4px |
| Радиус на картата | 4px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 96px |
| Ширина на страницата | 1320px |
Изкуственият интелект ще изгради вашия уебсайт в стил Stripe и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Ui — клиничен план на матова хартия
- monopo saigon — Течно, преливащо се сияние зад редакционната тишина – монохромна редакционна галерия, носеща се върху разтопена светлина
- Ventriloc — Редакционна обсерватория от данни върху топла хартия - един-единствен оранжев жаравак, подчертаващ монохромната прецизност
- Hyer Aviation — Здрач в пилотската кабина над пергамент. Бледото небе на зората се среща със серифното лого с размерите на фюзелажа, а един-единствен топъл глинен акцент нарушава монохромната сдържаност.
- Family — Размазване от приказка върху кремав пергамент
- OFF+BRAND. — Преливаща се сфера върху топъл пергамент
- Geniestudio — Мек бележник за дневна светлина - от онези с широки полета и един дебел щрих на химикалката
- xAI — Топъл крем лаборатория с черно хапче
- Seed — жив организъм под лабораторно стъкло
- Cosmos — Стена на галерията, облицована с лен и окачена с полароидни снимки
- Cal — Монохромна практичност, човешки подход. Система, която дава приоритет на яснотата и функционалността чрез строга черно-бяла палитра, но ги омекотява с приятелска типография и заоблени форми.
- T1 Energy — Чертеж на производствено съоръжение върху топъл пергамент е тиха, монохромна сцена, където индустриалният мащаб и фината типография въплъщават цялата марка.