Linear
կեսգիշերային ճշգրիտ գործիք
Գծային դիզայնի համակարգը գիշերային հրամանատարական կենտրոն է, որը կառուցված է գրեթե սև մակերեսների վրա (#08090a)՝ հստակ սպիտակ տառատեսակով և մեկ կրաքարի-կանաչ շեշտադրմամբ (#e4f222), որը գործում է որպես ֆունկցիոնալ լապտեր՝ փոքր, բարձր կոնտրաստով և օգտագործվում է խնայողաբար՝ գործողությունները նշելու համար: Ինտերֆեյսը խավարը դիտարկում է որպես հիմք, այլ ոչ թե թեմա. տեքստը հստակ սպիտակ է՝ տառերի միջև նեղ միջակայքով (-0.022em), տառատեսակների հաստությունը ցածր 400–510 միջակայքում է, այլ ոչ թե թավատառ, իսկ եզրագծերը գերբարակ են (0.5px), որպեսզի երկրաչափությունը կատարի այն աշխատանքը, որը սովորաբար կատարում են ստվերները: Բաղադրիչները զգացվում են ճշգրիտ մշակված՝ 6px և 12px շառավղով, կոմպակտ 8–12px լուսանցքներով և դեկորատիվ տարրերի գրեթե լիակատար բացակայությամբ՝ թույլ տալով, որ ապրանքի ինտերֆեյսը (առաջադրանքների քարտեր, Kanban տախտակներ, AI գործակալների վահանակներ) լինի միակ տեսողական հյուսվածքը այլապես հանգիստ համակարգում:
Դասավորության առավելագույն լայնությունը մոտավորապես 1200px է, կենտրոնացված, մուգ ֆոնը տարածվում է մինչև դիտման պատուհանի եզրերը: Հիմնական տարրը մեծ վերնագիր է, ձախ կողմում դասավորված (64–72px), զուգորդված աջ կողմում դասավորված կոչի (CTA) հետ, որին հաջորդում է մեծ ապրանքի էկրանի նկար, որը մի փոքր գերազանցում է առավելագույն լայնությունը: Բաժինների ռիթմը հերթագայում է երկսյունակ կոմպոզիցիաների միջև՝ ձախ կողմում տեքստով և աջ կողմում պատկերով, և լրիվ լայնությամբ ապրանքի ցուցադրման շերտերի միջև, որոնք բաժանված են 96px ուղղահայաց ջրատարներով: Հաճախորդի լոգոտիպով շերտը մեկ հորիզոնական շարք է: Էջը երբեք չի օգտագործում եռասյունակ քարտային ցանցեր կամ սալիկապատ կառուցվածքներ. տեղեկատվության խտությունը մնում է ցածր, բաժինների մեծ մասն օգտագործում է բավարար սպիտակ տարածք և էկրանին մեկ կիզակետային տարր: Նավիգացիան ֆիքսված վերին գոտի է՝ ձախ կողմում դասավորված լոգոտիպով և աջ կողմում դասավորված հղումներով, առանց կողային գոտու կամ մեգա-մենյուի:
Linear-ի վիզուալ լեզուն հիմնված է ապրանքի էկրանի նկարների վրա. սկզբում և բաժիններում նկարազարդումները Linear հավելվածի օգտագործողի ինտերֆեյսի իրական պատկերներ են, որոնք առավելագույն մանրամասնությամբ են ներկայացված՝ առաջադրանքների քարտեր, Kanban տախտակներ, արհեստական բանականության գործակալների վահանակներ, հրամանների պալիտրա՝ տեղադրված բարակ շրջանակված շրջանակների մեջ: Ոչ մի լուսանկարներ, ոչ մի կենսակերպի պատկեր, ոչ մի աբստրակտ նկարազարդում: Լոգոները ցուցադրվում են որպես չեզոք մոխրագույն շերտ (#8a8f98)՝ հաճախորդների համար միատեսակ չափի: Պատկերակները մինիմալիստական գծային SVG պատկերներ են՝ մոնոքրոմատիկ մոխրագույն երանգով: Էջի վերևում գտնվող էկրանի նկարը լողում է նուրբ գծային գրադիենտի վրա (մութից մինչև բաց), ստեղծելով մթնոլորտային խորություն՝ առանց իրական լանդշաֆտներ օգտագործելու: Յուրաքանչյուր տեսողական տարր ապրանքի ֆունկցիոնալ տարր է:
Պալիտրա
Բրենդ
- Acid Lime
#e4f222— Հիմնական կառավարման կոճակները և ակտիվ նավիգացիոն ցուցիչները պայծառ շեշտադրում են, որը խախտում է մոնոխրոմ գունային սխեման:
Չեզոք
- Mist
#d0d6e0— Երկրորդական վերնագրեր, կոճակի տեքստ մուգ մակերեսների վրա - Void
#08090a— Էջի կտավ, լրիվ լայնությամբ ֆոնային պատկեր - լռելյայնորեն, բոլոր տարրերը տեղադրվում են այս ֆոնի վրա: - Carbon
#0f1011— Քարտի մակերեսները, նավիգացիոն գոտիները, կտավից մեկ քայլ բարձր են քարտերի ներսում բովանդակությունը տեղադրելու համար։ - Obsidian
#161718— Բարձրացված մակերեսներ, ավելի խորը ստվարաթղթե վահանակներ - Graphite
#23252a— Նուրբ եզրագծեր, բաժանիչներ, նուրբ կոճակների ուրվագծեր՝ ցածր կոնտրաստով հյուսվածքային եզրեր - Smoke
#383b3f— Բարակ եզրագծերն ավելի բարձր հակադրություն ունեն, քան գրաֆիտային հատվածային բաժանիչները։
Տպագրություն
13-ից մինչև 72px · 8 քայլ
- Inter Variable — փոխարինում: Inter (variable) · ուրվագծեր 300, 400, 510, 590 · Հիմնական ինտերֆեյսի և վերնագրի տառատեսակ - Օգտագործվում է նավիգացիայի, հիմնական տեքստի, վերնագրերի, կոճակների և քարտերի համար։
- Berkeley Mono — փոխարինում: JetBrains Mono · ուրվագծեր 400 · Կոդին հարակից UI տեքստ - թողարկման նույնականացուցիչներ (ENG-2703), ստեղնաշարի կարճ ստեղներ, մոնոսայր տառատեսակի մետատվյալներ
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 6px |
| Քարտի շառավիղ | 12px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 96px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Linear ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Aaru — Մասնիկների դաշտի աստղադիտարանը կեսգիշերին
- Atlas Card — Կեսգիշերային պահոցը, իր միակ շափյուղյա ճառագայթով, խիտ մութ տարածություն է, որտեղ միակ կարևորը խորը էլեկտրական կապույտն է։
- Checkly — Խորը ուղեծրի առաքելության կառավարման կենտրոն
- Savee — Սև կտավ տեսողական կուրատորների համար
- Inngest — Մութ, լուռ աստղադիտարան, որը հագեցած է գործիքներով աշխատելու համար և լուսավորված է միակ դեղին լույսով։
- Dala — սև թավշի վրա սավառնող համաստեղություն
- Origin Financial — Կեսգիշերային պատկերասրահ՝ լուռ շքեղությամբ։ Լուռ, գրեթե մութ սենյակ, որտեղ մեծ սերիֆ տառատեսակները և մի քանի լուսավորված գունավոր վահանակները ստեղծում են այն զգացողությունը, որ ֆինանսները ուշադիր ընտրված արվեստի գործ են։
- Hyperstudio — Դիզայնը քերծված է օբսիդիանի վրա: Տեքստը և նուրբ գծերը շրջանակում են մաքուր սևի սպիտակ տարածությունը, իսկ երբեմն-երբեմն ոսկեգույն կողմնացույցի նշաններ են ցույց տալիս ճանապարհը:
- Air — «Կեսգիշերային երկինքը ապակու միջով» քանդակը
- Resend — սև թավիշ՝ մանուշակագույն նեոնային գույնով
- Raycast — Կեսգիշերային հրամանատարական կենտրոն, Coral Neon
- Dimension — մթնշաղով լուսավորված աշխատանքային տարածք՝ սառցե ապակե վահանակներով