Stripe
Сметковна книга напишана со индиго мастило на матирано стакло
Stripe користи речиси монохроматски јазик за финансиски инструменти: меко, ладно бело платно со темно сини наслови, речиси без декоративни хромирани елементи и едно светло индиго (#533afd) кое легитимно може да се користи како контура на копче, линк или икона. Типографијата е исклучително тенка, со тежина од 300 поени - дури и при 56px - што се чувствува самоуверено потценето, а не претерано корпоративно; растојанието меѓу буквите нагло се намалува со зголемување на големината. Копчињата се мали, квадратни (4px) и користат виолетови пополнувања или најтенки виолетови контури. Системот целосно ги избегнува сенките; длабочината се постигнува преку промена на нијансите на позадината (бела → #f8fafd → #e5edf5 → виолетови нијанси), наместо преку елевација. Целиот интерфејс се однесува како сметководствена книга или терминал: густи информации, јасни линии, доволно простор помеѓу деловите и бојата се појавува само кога е потребно дејство.
Максималната ширина е ~1320px за центрирана колона со содржина на бело платно. Херојот е блок со текст порамнет лево во полна големина (56px) со два повици за акција подолу, без слика од херој - типографијата Е херојот. Секциите се распоредени вертикално со еднакви олуци од 96px и разделувачи #e5edf5 од 1px; нема наизменични темни/светли ленти. Секој дел следи шема што се повторува: мал наслов на делот со големи букви (зачадена боја, 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 преовладува дури и при големина на екранот од 56 пиксели, што е карактеристична карактеристика: насловите шепотат наместо да викаат, воспоставувајќи авторитет преку ограничување, а не преку јачина на звук. Тежината од 400 се појавува само на 14–16 пиксели за навигација и текст на копчиња, каде што е потребен дополнителен потег за читливост при помали големини.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | простран |
| Основен чекор | 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 — Цртежот на производствен погон на топол пергамент е тивка, монохроматска сцена каде што индустриската скала и суптилната типографија го отелотворуваат целиот бренд.