
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 — Տաք մագաղաթի վրա արտադրական օբյեկտի նկարը հանգիստ, մոնոխրոմ տեսարան է, որտեղ արդյունաբերական մասշտաբը և նուրբ տիպագրությունը մարմնավորում են ամբողջ ապրանքանիշը։