Vercel
Տերմինալը տպված է սպիտակ թղթի վրա
Vercel դիզայնի համակարգը կարգապահ մոնոխրոմ գույնի վարժություն է՝ գրեթե սպիտակ կտավ (#fafafa), սև տառատեսակ, բարակ եզրագծեր և դեկորատիվ գույների լիակատար բացակայություն: Տեսողական լեզուն հիշեցնում է մշակողի տերմինալ, որը տպագիր տարբերակով է ներկայացված. Geist Sans-ը հազիվ է ընթեռնելի «հերոսական» մասշտաբով՝ 400-450 կշռով և -0.06em տառերի միջև հեռավորությամբ, մինչդեռ Geist Mono-ն պիտակներ, մետատվյալներ և կոդի նմուշներ է կիրառում 11-13px մեծատառերով: Կոճակները սուր 6px շառավղով կամ մաքուր սևի ուղղանկյուններ են սպիտակի վրա կամ սպիտակը՝ սևի վրա: Համակարգը հիմնված է հակադրության և տպագրական հիերարխիայի վրա, այլ ոչ թե գույնի, օգտագործելով եռանկյուն նշանը (▲) և երկտողանի բառային նշանը որպես միակ բրենդավորման տարրեր: Մակերեսները դասավորված են միմյանց վրա #fafafa → #ebebeb → #171717 հերթականությամբ՝ ստեղծելով խորություն՝ փոխելով տոնային արժեքները, այլ ոչ թե ստվերը կամ գույնը: Յուրաքանչյուր տարր կառուցված է 4px ցանցի վրա՝ կոմպակտ խտությամբ, ինչի արդյունքում ստեղծվում է ինժեների տետր հիշեցնող ինտերֆեյս՝ ճշգրիտ, ֆունկցիոնալ և սպիտակ տարածությունից չվախեցող։
Կոնտեյները 1280px լայնություն ունի, կենտրոնացված է, ունի առատ հորիզոնական լրացումներ (24-48px): Գլխավոր բլոկն օգտագործում է ասիմետրիկ եռագոտի կազմ՝ ձախ կողմում մեծ վերնագիր, կենտրոնում՝ ապրանքանիշի գիֆ, իսկ աջ կողմում՝ «հոնք» բլոկ: Գլխավոր բլոկի տակ բովանդակությունը դասավորված է հերթագայող շերտերով՝ հաճախորդի լոգոտիպով լրիվ լայնությամբ շերտ, որին հաջորդում է երկսյունակ «Գործակալ ստեղծողներ» բաժինը՝ ձախ կողմում վերնագրով, իսկ աջ կողմում՝ ապրանքի դասավորություն, որին հաջորդում է երեք քարտերից բաղկացած ցանց՝ հատկանիշներով: Բաժինները բաժանված են 96-128px ուղղահայաց ջրանցքներով՝ առանց բաժանարարների կամ ֆոնային շեղումների: Նավիգացիան մեկ ֆիքսված 64px վահանակ է՝ մշուշոտ ֆոնով: Քարտերի ցանցերը մշտապես օգտագործում են երկու կամ երեք սյունակ դասավորություն՝ 16-24px ջրանցքներով: Ընդհանուր խտությունը կոմպակտ է՝ տեքստը հեշտ է կարդալ, կա բավարար սպիտակ տարածք, բայց տառատեսակի չափը և բաղադրիչների չափերը խանգարում են էջին օդային տեսք հաղորդել:
Պատկերները նոսր են և միշտ ֆունկցիոնալ։ Հիմնական տեսողական տարրը սև եռանկյունին է (▲)՝ երկրաչափական ապրանքանիշի նշան, որը երևում է որպես «մեծատառ» մասշտաբով սավառնող ուրվագիծ։ Հայեցակարգի ապացույցի շերտի վրա հաճախորդների լոգոները օգտագործում են յուրաքանչյուր ապրանքանիշի իրական բառային նշանները մոխրագույն երանգներով։ Արտադրանքի մակետները (Notion-ի զրուցարանի ինտերֆեյս, CLI տերմինալի ելք, անձնագրային քարտ) ներդրված են որպես լուսային ռեժիմի էկրանի պատկերներ շրջանակված քարտերի մեջ։ Լուսանկարներ, նկարազարդումներ կամ եռաչափ տարրեր չկան. համակարգը մաքուր տպագրություն է և երկրաչափական ձևեր սպիտակ թղթի վրա։
Պալիտրա
Չեզոք
- Obsidian
#171717— Հիմնական վերնագրերը, նավիգացիոն եզրագծերը, մուգ կոճակների լցոնումը և ցուցակի նշիչները գրեթե սև են՝ խուսափելով կոպտությունից և ճչան հագեցվածությունից։ - Paper White
#fafafa— Էջի կտավը, քարտի մակերեսները, կոճակների լուսավորությունը՝ սա ստանդարտ ֆոնն է, որի վրա տեղակայված է մնացած ամեն ինչ։ - Pure White
#ffffff— Բարձրացված քարտի մակերեսներ, ներդիրներ, մուտքագրման դաշտեր։ - Hairline
#ebebeb— Կոճակների, հղումների և քարտերի 1px եզրագծերը տեսանելի են բարձր մեծացման մակարդակներում, բայց անտեսանելի են ցածր մեծացման մակարդակներում։ - Ash
#c9c9c9— Անջատված տեքստ, անջատված պիտակներ, ապրանքանիշի ջրանիշեր հաճախորդի լոգոներում։ - Smoke
#a8a8a8— Երկրորդական տեքստ, տեղապահ տեքստ, նուրբ պատկերակի լրացում։
Տպագրություն
11-ից մինչև 64px · 6 քայլ
- Geist Sans — փոխարինում: Inter · ուրվագծեր 400, 450, 500 · Ինտերֆեյսի և վերնագրերի հիմնական տառատեսակը Vercel-ի կողմից ստեղծված երկրաչափական sans-serif տառատեսակն է՝ մեծ չափերի դեպքում տառերի միջև փոքր հեռավորությամբ (-0.06em 56-64px-ի դեպքում, -0.05em 30px-ի դեպքում): Էջի վերևում գտնվող վերնագրերի համար ընտրվել է 450 խտություն՝ ավելի հաստ, քան Light-ը, բայց ավելի թեթև, քան Semi-Bold-ը, ստեղծելով վստահ, բայց ոչ ճնշող երանգ:
- Geist Mono — փոխարինում: JetBrains Mono · ուրվագծեր 400, 500, 600 · Միատարր երկրորդական տառատեսակ՝ մակագրությունների, կոդի բլոկների, CLI ելքային վահանակների, մետատվյալների և մեծատառ տեքստի համար: 8px/600px/մեծատառ համադրությունը թույլ է տալիս ճշգրիտ տեղադրել փոքրիկ բառային նշանները: Միատարր տարբերակում տառերի լայն հեռավորությունը (0.071em) բավարար տարածք է ապահովում մեծատառ տեքստի համար:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 12px |
| Կոճակի շառավիղ | 6px |
| Քարտի շառավիղ | 6px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 96-128px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Vercel ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Headspace — Արևոտ առողջարանային անկյուն տաք թղթի վրա
- WHOOP — Ներկայացման լաբորատորիա կեսգիշերին՝ սպիտակ կլինիկական լաբորատոր սեղաններ սև թատերական դատարկության տակ, էլեկտրականության միակ մանուշակագույն զարկերակ։
- Together AI — Հետազոտական կոնսոլ սառցադաշտային թղթի վրա
- v0 by Vercel — Խառատային գծագրություն։ Ճշգրտությունն ու ֆունկցիոնալությունը գերակա են, որտեղ յուրաքանչյուր տարր ծառայում է հստակ նպատակի մաքուր, տեխնիկապես կատարյալ մակերեսի վրա։
- Dovetail — Սև լուսնի տակ նախագիծ՝ հազիվ տեսանելի գրաֆիկական գծեր, սպիտակ տառատեսակ, մեկ մանուշակագույն փայլ
- Glideapps — մոնոխրոմ նախագծման սեղան մեկ էլեկտրական փիրուզագույն փայլով
- Timescale — Ինժեներական գծագրություն տաք գրաֆիկական թղթի վրա
- UGLYCASH — Կրեմագույն թղթի վրա պիտակներով պատված տետրը արտանետում է համարձակ, մաքսիմալիստական ֆինանսական տեխնոլոգիաների մթնոլորտը, որը հպարտորեն ցուցադրում է իր քաոսը։
- Sprout Social — Կանաչ ծիլ սև թերթաքարի վրա։ Մեկ պայծառ շեշտադրում խիստ մոնոխրոմ կտավի վրա, որի գույնն օգտագործվում է միայն գործողության համար, իսկ վստահ երկրաչափական տառատեսակը ծառայում է որպես ուղեցույց։
- Krea — պատկերասրահ նուար կեսգիշերին
- Evergreen — Արևային ջերմոց կտավատի թղթի վրա
- Factory — «Պատերազմի սենյակի» տերմինալը կեսգիշերին։ «Գործարանը» կոշտ սև կառավարման վահանակ է, որտեղ մեկ սպիտակ քարտ է հայտնվում՝ ինչպես լապտերի լուսավորությամբ դիսպետչեր. սենյակում միակ առարկան աշխատանքն է։