
Stripe
Књига рачуна исписана индиго мастилом на матираном стаклу
Stripe користи готово монохроматски језик за финансијске инструменте: меко, хладно бело платно са тамноплавим насловима, готово без декоративних хромираних елемената и једну јарку индиго боју (#533afd) која би се легитимно могла користити као дугме, линк или обрис иконе. Типографија је изузетно танка, са дебљином од 300 поена — чак и на 56px — што делује самоуверено потцењено, а не претерано корпоративно; размак између слова се нагло смањује са повећањем величине. Дугмад су мала, квадратна (4px) и користе љубичасте испуне или најтање љубичасте обрисе. Систем потпуно избегава сенке; дубина се постиже променом нијанси позадине (бела → #f8fafd → #e5edf5 → љубичасте нијансе), а не елевацијом. Читав интерфејс се понаша као рачуноводствена књига или терминал: густе информације, јасне линије, довољно простора између одељака, а боја се појављује само када је потребна акција.
Максимална ширина је ~1320 пиксела за центрирану колону садржаја на белом платну. Главни део је лево поравнат блок текста у пуној величини (56 пиксела) са два позива на акцију испод, без слике главног дела — типографија ЈЕСТЕ главни део. Одељци су распоређени вертикално са једнаким корицама од 96 пиксела и 1 пиксел #e5edf5 разделима; нема наизменичних тамних/светлих пруга. Сваки одељак прати понављајући образац: мали наслов одељка свим великим словима (димљена боја, 12 пиксела), затим наслов од 32-48 пиксела, затим пасус од 22 пиксела, па мрежа картица производа (3 колоне на десктопу) или блок текста са 2 колоне са визуелном уметношћу. Логотипи клијената се појављују у уској вертикалној траци, поравнати лево. Подножје је једна широка #f8fafd трака са вишеколонским листама линкова. Укупни ритам је спор, одмерен и претежно текстуалан — густина информација је ниска, упркос дугој дужини скроловања.
Слике су уздржане и у документарном стилу. Фотографије преко целе странице појављују се само у одељцима који приказују студије случаја (нпр. фотографије саобраћаја из ваздуха за Hertz), снимљене одозго или под драматичним угловима, користећи природне боје – без дуотона или обраде боја. Снимци екрана корисничког интерфејса производа користе се унутар картица карактеристика, приказани са оштрим угловима и јасним ивицама, без оквира уређаја. Логотипи партнера приказани су у сопственим бојама, без икаквих контејнера. Нема илустрација, 3Д рендера или декоративних апстрактних графичких елемената. Иконе су једнообразне: дебљина линије 1, дебљина линије 2 на белој позадини, са геометријском линијском уметношћу (шеврони, стрелице, ознаке за потврду, симболи докумената). Страница се углавном састоји од текста и белог простора; слике заузимају мање од 3% укупне визуелне површине.
Палета
Brend
- Indigo Ink
#533afd— Љубичаста боја се користи за испуњена дугмад, одабрана стања навигације и тренутке конверзије вођене фокусом. - Indigo Hover
#7389ff— Љубичаста се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.
Неутрално
- Midnight Ink
#061b31— Главни наслов и текст су дубоке, готово црне боје са хладним плавим нијансом, која служи као основа за цео систем фонтова. - Slate
#64748d— Сиви текст истиче линкове, ознаке и кратке фразе. - Steel
#50617a— Додатни текст и пратећи материјали су постављени између плавозелених и пригушених љубичастих тонова који се користе на подлиценцама. - Smoke
#839bc8— За велике декоративне наслове и пратећи текст користи се пригушена љубичаста нијанса - никада у пасусима у телу. - Pure White
#ffffff— Платно странице и подигнуте површине карата; подразумевана позадина у односу на коју се све остало мери. - Mist
#f8fafd— Позадина подножја и разделник одељака су суптилне хладне нијансе која раздваја подручја без видљиве границе.
Типографија
од 12 до 56 пиксела · 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 — Цртеж производног погона на топлом пергаменту је тиха, монохроматска сцена где индустријска размера и суптилна типографија отелотворују цео бренд.