Stripe
Китоби баҳисобгирӣ, ки бо сиёҳии индиго дар шишаи яхбаста навишта шудааст
Stripe барои асбобҳои молиявӣ забони қариб якрангро истифода мебарад: як матои сафеди нарм ва хунук бо сарлавҳаҳои кабуди тира, қариб ки унсурҳои хромии ороишӣ ва як индигои дурахшон (#533afd), ки метавонад ҳамчун тугма, пайванд ё контури нишона истифода шавад. Типография бениҳоят тунук аст, бо вазни 300-нуқтаӣ - ҳатто дар 56 пиксел - ки ба назар чунин мерасад, ки ба ҷои корпоративии ошкоро, боэътимод кам нишон дода шудааст; фосилаи ҳарфҳо бо афзоиши андоза якбора кам мешавад. Тугмаҳо хурд, чоркунҷа (4 пиксел) мебошанд ва аз пуркунии арғувонӣ ё тунуктарин контурҳои арғувонӣ истифода мебаранд. Система аз сояҳо комилан канорагирӣ мекунад; умқ тавассути тағир додани рангҳои замина (сафед → #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 то 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 — Расми корхонаи истеҳсолӣ дар рӯи пергаменти гарм як манзараи ором ва якранг аст, ки дар он миқёси саноатӣ ва типографияи нозук тамоми брендро таҷассум мекунанд.