Slash
Կեսգիշերային պահոց՝ ոսկեզօծ գրանցամատյաններով
Slash-ը գործում է կեսգիշերային պատկերասրահի ռեժիմով՝ գրեթե սև կտավ, սպիտակ տառատեսակ և մեկ տաք պղնձե շեշտադրում, որը ծառայում է որպես կետադրություն: Վերնագրերը ցուցադրվում են Ivy Presto-ով՝ բարձր կոնտրաստային դիդոնե սերիֆով, որն օգտագործվում է ծայրահեղ չափսերով (մինչև 88px). սերիֆային և սանսերիֆային տառատեսակների այս բախումը համակարգի ստորագրությունն է, որը նրան հաղորդում է ֆինանսական լրջություն՝ առանց ավանդական բանկային գործունեության միջնորդական լրջության: Օգտագործողի ինտերֆեյսի մնացած մասը միտումնավոր զուսպ է՝ բարակ եզրագծեր, հաբի ձև ունեցող կառավարման տարրեր, կոմպակտ 16px տեքստ և նուրբ վերև շարժում՝ տառատեսակին շնչելու հնարավորություն տալու համար: Մեկ ոսկե գրադիենտը (գծապատկերի գիծ, միկրոշեշտադրումներ) ջերմություն է հաղորդում մոնոխրոմ համակարգին՝ առաջացնելով դիզայներական լսարանի համար կառուցված Bloomberg տերմինալի տաք փայլը:
Բովանդակությունը 1216px լայնությամբ է, կենտրոնացված՝ 160px ուղղահայաց ջրատարներով: Գլխավոր էկրանը մուգ, լրիվ լայնությամբ կտավ է՝ բաժանված կազմով. ձախ կողմում դասավորված սերիֆ վերնագիր (64–88px լայնությամբ)՝ ներքևում էլ. փոստի հասցեի դաշտով, և աջ կողմում մեծ ապրանքի UI քարտ (վահանակի էկրանի պատկեր)՝ 50% լայնությամբ: Հաջորդող բաժիններում օգտագործվում է մեկ սյունակով, կենտրոնացված վերնագիր (սերիֆ, 44–64px լայնությամբ)՝ Inter ենթավերնագրով, որին հաջորդում են քարտերի եռասյուն ցանցեր՝ գործառույթների նկարագրությունների/վկայությունների/բլոգների համար: Նավիգացիան վերին ֆիքսված գոտի է՝ ձախ կողմում լոգոտիպ, կենտրոնական ցանկ (Ընկերություն, Արտադրանք, Լուծումներ, Հաճախորդներ, Գնագոյացում, Հաճախակի տրվող հարցեր), աջ կողմում դասավորված մուտք (աննկատելի) և սկսելու համար (սպիտակ լցված տարր): Ստորին մասը ներառում է հղումների խիտ հինգ սյունականոց ցանց՝ ընկերության տեղեկատվությամբ և իրավական ծանուցումներով: Էջը հերթագայում է բովանդակությամբ հարուստ ցանցային բաժինների և լիաէկրան վիճակագրության միջև. ռիթմը որոշվում է սյուների միջև առատ սպիտակ տարածությամբ, այլ ոչ թե ֆոնային գույների հերթագայմամբ (ամբողջ էջը ներկայացված է որպես մեկ, միասնական կտավ):
Լուսանկարչությունը խմբագրական և բնական է. հիմնադիրների և թիմի անդամների տաք դիմանկարներ իրենց իրական կյանքի աշխատանքային միջավայրերում (գրասենյակներ, հյուրասենյակներ, շինհրապարակներ): Պատկերները լցնում են քարտերի շրջանակները եզրից եզր՝ առանց լրացուցիչ լրացման: Խորհուրդների քարտերի ներքևի մասում օգտագործվում է մուգ գրադիենտ՝ տեքստի ընթեռնելիությունը բարելավելու համար: Գեղագիտությունը՝ «LinkedIn-ը հանդիպում է խմբագրական ամսագրին», անբնական, մարդկային և մի փոքր խլացված է, երբեք չի հղկվել ֆոնդային լուսանկարներով: Հոդվածների մանրապատկերները համատեղում են լուսանկարները նկարազարդ հասկացությունների հետ (մարդ, որը կանգնած է լաբիրինթոսում, բուխարի՝ փողի պարկերով): Արտադրանքի ինտերֆեյսը ցուցադրվում է մուգ ռեժիմով՝ լրիվ անթափանցիկությամբ, սավառնելով էջի վերևում՝ նուրբ մուգ մակերեսների վրա՝ կենտրոնական տարր: Պատկերակները մոնոխրոմ են՝ 1px գծերով՝ #2e3038 կամ #777a88 պատկերներով, երբեք չեն լցվում ապրանքանիշի գույնով:
Պալիտրա
Չեզոք
- Bone
#e2e3e9— Մեծ տառաչափ հիմնական տեքստի համար, մանրամասն տվյալների պիտակներ և ստանդարտ տեքստային տոն UI տարրերի մեծ մասում։ - Obsidian
#08080a— Էջի կտավը, ստորին էջի ֆոնը, ամենամուգ մակերեսը գրեթե սև են՝ նուրբ կապույտ երանգով։ - Onyx
#040406— Քարտի մակերեսը, լրացուցիչ ֆոնը, տեսողական էֆեկտի համար մեկ քայլ ավելի խորն է, քան էջը։ - Carbon
#121317— Բարձրացված վահանակներ, աննկատելի UI լրացում՝ Surface Stack-ի էվոլյուցիայի առաջին նկատելիորեն ավելի թեթև քայլը։ - Graphite
#1c1d22— Սահմաններ, բաժանիչներ, պատկերակների կոնտեյներներ, կառավարման սահիկներ՝ գույնի ամենանուրբ երանգը, որը սահմանում է կառուցվածքը։ - Slate
#2e3038— Լրացուցիչ եզրագծեր, խլացված պատկերակների գծեր, բովանդակության բլոկների միջև նուրբ բաժանարարներ։
Տպագրություն
13-ից մինչև 88px · 9 քայլ
- Ivy Presto — փոխարինում: Playfair Display · ուրվագծեր 400, 500 · Սերիֆ տառատեսակ վերնագրերի և ենթավերնագրերի համար՝ օգտագործվում է բացառապես 28px և ավելի չափի վերնագրերի և բաժինների վերնագրերի համար: Բարձր կոնտրաստային դիդոնե գծերը բարակ սերիֆներով ստեղծում են խմբագրական շքեղության զգացողություն. 0.01em փոքր դրական տառային հեռավորությունը անսովոր է և տառատեսակին հաղորդում է տպագիր, հաշվապահական տեսք: Այս սերիֆ տառատեսակը ապրանքանիշի հիմնական այցեքարտն է. այն տարբերակում է Slash-ը մյուս բոլոր SaaS ֆինտեխ ընկերություններից, որոնք լռելյայն օգտագործում են երկրաչափական sans-serif տառատեսակներ:
- Inter — փոխարինում: Inter (self-hosted via Google Fonts) · ուրվագծեր 300, 400, 500, 600, 700 · UI Sans՝ հիմնական տեքստ, նավիգացիա, կոճակներ, պիտակներ, հղումներ, ձևաթղթի դաշտեր և ենթավերնագրեր: Հիմնական տեքստում օգտագործվում է 300 տառատեսակ՝ աննկատ երկրորդական տեքստի համար, 500-ը՝ միջին շեշտադրմամբ տեքստի և կոճակների պիտակների համար, 600-ը՝ փոքր տառերով գրված կատեգորիաների պիտակների համար: Բացասական տառերի միջև հեռավորությունը նվազում է 2-ից (-3) և փոքրանում է չափի փոքրացմանը զուգընթաց, ինչը բնորոշ է Inter տառատեսակի օպտիկական մասշտաբավորմանը:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 10px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 160px |
| Էջի լայնությունը | 1216px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Slash ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Modal — Ֆոսֆորեսցենտ տերմինալ մութ սերվերային սենյակում. միակ լույսի աղբյուրը վառ կանաչ գույնն է
- AgentQL — Հյուսիսային լույսերը գիշերը տերմինալի վրա
- GitHub — Տիեզերական հրամանատարական վահանակ՝ բիոլյումինեսցենտ կառավարման կետերով. մութ, մթնոլորտային աշխատանքային տարածք, որտեղ միակ կանաչ լույսը ցույց է տալիս առաջ շարժվելու ճանապարհը։
- Doppler — Գանձարանի մանուշակագույն լուսավորությունը կեսգիշերին։ Գրեթե սև կտավը փայլում է միակ մանուշակագույն ազդանշանով և կանաչ հաստատող լույսով, յուրաքանչյուր մակերես բավականաչափ կոր է բռնվելու համար։
- Basedash — Կեսգիշերային տվյալների տերմինալ՝ մատ տառատեսակով: Մութ դիտարան, որտեղ չափանիշները փայլում են մանուշակագույն և կանաչ, սերիֆ վերնագրերը լողում են աղմուկի վերևում, իսկ սպիտակ հաբի տեսքով կոճակները միակ պայծառ առարկաներն են փափուկ սև մակերեսներով սենյակում:
- Superwhisper — Հյուսիսային լույսերը մարում են կեսգիշերային ապակու վրա
- Better Stack — Midnight SRE կոնսոլ
- Langbase — Կեսգիշերային հյուսիսային լույսերի կոնսոլ
- Astro — Խորը տիեզերական առաքելության կառավարման կենտրոն՝ միգամածությունից եկող միակ մանուշակագույն փայլով
- Wayfinder — Սև ֆիլմի էկրան՝ հազիվ լսելի վերնագրով, որը սավառնում է ուղիղ նկարազարդման վերևում: Ինտերֆեյսը պայծառության սահիկ է, այլ ոչ թե կառավարման վահանակ:
- HashiCorp — Կեսգիշերին մանուշակագույն նեոնով լուսավորված կառավարման սենյակը մուգ տեխնիկական մակերես է, որտեղ փայլող վեցանկյուն խորանարդը ծառայում է որպես միակ գունային հղում։
- Umbrel — Գիշերային սպասարկողների սենյակում հարմարավետ կրակարան՝ մութ սենյակ, որտեղ դեղձի միակ լույսը ընդգծում է իսկապես կարևորը։