Cursor
Հարմարավետ մագաղաթի արհեստանոց, լուսավորված ծխացող ածուխներով
Cursor-ը օգտագործում է տաք, մագաղաթանման տպագրություն՝ կրեմագույն կտավ, թանաքագույն սև տեքստ և մեկ կրակոտ նարնջագույն շեշտադրում, որը ակտիվացնում է հղումներն ու ընտրությունները, այլ ոչ թե լրացնող կոճակները: CursorGothic-ում 400 կշռով սահմանված վերնագրերը աստիճանաբար նվազում են տառերի միջև հեռավորությունը՝ չափի մեծացմանը զուգընթաց. հեղինակությունը ձեռք է բերվում զսպվածության և բարակ տառերի կշռի միջոցով, այլ ոչ թե համարձակության: Մակերեսները պահվում են հարթ և թղթանման՝ բարակ եզրագծերով և մեղմ, տաք մոխրագույն ստվերներով. անկյունները մնում են հստակ՝ 4px կշռով ամբողջ տեքստում: EB Garamond-ը ընտրողաբար օգտագործվում է ենթավերնագրերի և արձակի համար, մինչդեռ berkeleyMono-ն մշակում է կոդը, պիտակները և մետատվյալները՝ համակարգին տալով տպագրական անհատականություն, որն ավելի շատ գրական ամսագրի է նման, քան SaaS վահանակի:
Առավելագույն լայնությունը՝ 1300px կենտրոնացված, 24px լուսանցք։ Վերևի նավիգացիա՝ 52px բարձրությամբ թափանցիկ վերնագիր՝ ձախ կողմում լոգոտիպով և տեքստային նշանով, 4 կենտրոնացված նավիգացիոն հղումներ, «Մուտք / Կապ / Ներբեռնում» կլաստեր՝ աջ կողմում դասավորված։ Հերոս՝ ձախ կողմում դասավորված վերնագիր + կրկնակի գործողության կոչի բլոկ՝ վերևի ձախ անկյունից տեքստով, ապա լրիվ լայնությամբ ապրանքի մակետային քարտ, որը ընդգրկում է էջի ամբողջ լայնությունը։ Վստահության շերտ՝ 8 լոգոտիպի մեկ հորիզոնական շարք՝ բաժնի լայնության մեկ տողում։ Հատկանիշային բաժինները ձախ կողմում հերթագայում են տեքստը, իսկ աջ կողմում՝ էկրանի նկարը՝ երկսյունակ դասավորությամբ, յուրաքանչյուրը 50/50, բաժինների միջև 64-96px ուղղահայաց ռիթմով։ Բոլոր հատկանիշների էկրանի նկարները պատուհանի մակետներ են՝ macOS-ի նույնական ոճով։ Ստորին էջ՝ հղումների չորս սյունակային ցանց՝ ձախ կողմում ապրանքանիշի նշանով։ Բաժինները բաժանված են բավարար «շնչառական տարածքով», այլ ոչ թե բաժանարարներով՝ կրեմագույն կտավն ինքն է ապահովում բաժանումը։
Արտադրանքի էկրանի նկարները կենտրոնական տեղ են զբաղեցնում. macOS-ի մեծ պատուհանի մակետներ, որոնք ցուցադրում են Cursor IDE-ն գործողության մեջ՝ ֆայլերի ներդիրներ, տարբերությունների տեսքեր, գործակալների պլաններ, տերմինալների վահանակներ և Slack/chat ինտեգրացիա: Յուրաքանչյուր պատուհանի մակետը շրջանակված է #f2f1ed քարտով՝ մեղմ, տաք հակադրությունով: Խլացված լանդշաֆտային լուսանկարը (լեռներ/անապատի հորիզոն) տարածվում է հիմնական հատվածից այն կողմ՝ ավելացնելով ջերմություն՝ առանց մրցակցելու UI-ի հետ: Հաճախորդների լոգոները ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) ներկայացված են որպես մոնոխրոմ տառեր՝ դեղահաբի տեսքով Linen սալիկների մեջ: Մարդկանց լուսանկարներ, նկարազարդումներ կամ աբստրակտ դեկորատիվ գրաֆիկական տարրեր չկան. ամբողջ տեսողական կշիռը կենտրոնացած է արտադրանքի UI-ի և բրենդինգի վրա: Պատկերակները բարակ, մոնոգծային գլիֆներ են, որոնք լցված են #7a7974 Ash տառով, երբեք քրոմատիկ չեն:
Պալիտրա
Չեզոք
- Ink
#26251e— Հիմնական տեքստ, հիմնական գործողության կոճակի ֆոն, նավիգացիոն տեքստ՝ տաք, գրեթե սև երանգ, երբեք մաքուր #000 - Parchment
#f7f7f4— Էջի ֆոնը, գլխավոր կտավը, տաք կրեմի երանգ է, որը մեղմացնում է հակադրությունը և ստեղծում թանաքային տպագրության զգացողություն, այլ ոչ թե թվային տպագրության։ - Bone
#f2f1ed— Ստվարաթղթե մակերեսները և բարձրացված տարաները, որոնք կտավից մեկ տոնով ավելի մուգ են, ստեղծում են շերտավոր, եզրազուրկ «թուղթ թղթի վրա» էֆեկտ։ - Linen
#e6e5e0— Մուգ մակերեսների վրա կոճակների համար բաց չեզոք լցոնում: - Stone
#cdcdc9— Բարակ եզրագծեր, բաժանիչներ, նուրբ միջնապատեր՝ 1px գծեր տաք երանգներով - Mist
#a1a19f— Երրորդ մակարդակի օժանդակ տեքստ, մակագրություններ՝ լռեցված և երկրորդական տեքստերի միջև։
Տպագրություն
12-ից մինչև 72px · 6 քայլ
- CursorGothic — փոխարինում: Inter · ուրվագծեր 400, 500 · Հիմնական տառատեսակը օգտագործողի ինտերֆեյսի, վերնագրերի, նավիգացիայի, հիմնական տեքստի և ապրանքի դիզայնի համար: 400 միավոր կշիռ ունեցող և տառերի միջև աստիճանաբար նվազող միջակայք ունեցող վերնագրերը (-0.005em 22px-ի դեպքում → -0.03em 72px-ի դեպքում) տառատեսակի առանձնահատկությունն են. վերնագրերը երբեք թավատառ չեն լինում: ss08, ss09 և tnum տառատեսակի ֆունկցիաները ակտիվացնում են ոճական այլընտրանքները և աղյուսակային պատկերները:
- EB Garamond — փոխարինում: Iowan Old Style · ուրվագծեր 400, 500 · CursorGothic-ը խմբագրական սերիֆ տառատեսակ է առանձին ենթավերնագրերի, հիմնական տեքստի և աղյուսակային տվյալների համար, որը գրական երանգ է հաղորդում ինտերֆեյսին։
- berkeleyMono — փոխարինում: ui-monospace · ուրվագծեր 400, 500 · Monospace - կոդի բլոկների, հրամանի տողի հատվածների, մետատվյալների, ֆայլերի ուղիների և մշակողի պիտակների համար՝ տեխնիկական լեզու։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 4px |
| Քարտի շառավիղ | 4px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 64-96px |
| Էջի լայնությունը | 1300px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Cursor ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Amplemarket — Արևով ողողված աշխատավայր՝ ցրված կոնֆետիով
- Getharvest — Ոսկե ժամին սեղան՝ տաք կրեմագույն կտավ, կտավի վրա կախված սպիտակ բացիկներ և մեկ վառ նարնջագույն բոց։
- Drive Capital — Ռետրո ճանապարհորդության պաստառ տաք թղթի վրա
- Wealthsimple — Կաշմիրով պատված պահեստ՝ պատկերասրահի լուսավորությամբ
- Huddle — Պաստելային գույքագրման քարտեր կրեմի թղթի վրա
- Fuser — Ցրված պոլարոիդներ դիզայների աշխատանքային պատին
- Campsite — Արևով լուսավորված խմբագրի աշխատատեղ՝ տաք կրեմագույն թուղթ՝ մեկ նարնջագույն դրոշմանիշով
- Redis Agency — Խմբագրական արհեստանոցը, որը բաց է աշխատանքային ժամերից հետո, մռայլ վայր է, որտեղ բրենդավորման ողջ աշխատանքը կատարվում է շերիֆ տառատեսակներով և մեկ կարմիր բողկով։
- AI Product Generation — Խմբագրական լուսանկարչական ստուդիա սպիտակ թղթի վրա - վերնագիրը որպես շապիկ, նարնջագույն գույնը խմբագրական ընդգծման համար
- Getanchor — Ջերմ տերակոտայի երանգ արևից խամրած կրեմի ֆոնի վրա
- Flatfile — Հանգիստ տվյալների օրագիր տաք մագաղաթի վրա
- Inthememory — Ճարտարապետական գծագիր սպիտակ մարմարի վրա՝ միակ տաք լույսով։ Հանգիստ, խմբագրական տվյալների սենյակ, որտեղ մուգ փիրուզագույն թանաքը և հաբի ձև ունեցող կառավարման տարրերը լողում են սպիտակ մակերեսների վերևում՝ կոտրվելով միայն նարնջի մեկ շողով։