Calendly
Մուգ կապույտ թանաք սառը մարմարի վրա
Calendly-ն հանգիստ, վստահ պլանավորման աշխատանքային տարածք է. գրեթե սպիտակ կտավ՝ առատ «շնչառության տարածքով», սառը մոխրագույն ֆոնի վրա լողացող սպիտակ ապրանքային քարտեր, և բոլոր տպագրությունները ներկայացված են մուգ կապույտ թանաքով՝ մաքուր սևի փոխարեն: Սահմանող տարրը մուգ կապույտ գույնն է (#0b3558), որն օգտագործվում է ամենուր, որտեղ հայտնվում է տեքստը՝ վերնագրեր, կոճակներ, պատկերակներ, հղումներ, ինչը մեղմացնում է ամբողջ ինտերֆեյսը՝ այն դարձնելով ավելի տաք և նորաձև, քան սովորական SaaS վայրէջքի էջը: Բոլոր հիմնական գործողությունների համար օգտագործվում է մեկ վառ կապույտ (#006bff), իսկ ապրանքի դասավորությունից այն կողմ տարածվող դեկորատիվ վարդագույն և կապույտ ցայտքերը ջերմություն են հաղորդում՝ առանց խառնաշփոթ ստեղծելու: Բաղադրիչները պահպանվում են զուսպ. բարակ 1px եզրագծերը, նուրբ կապույտ երանգով ստվերները, մեծ 24px քարտի շառավիղները և 8px կոճակների անկյունները թվում են միտումնավոր, այլ ոչ թե անփույթ:
Առավելագույն լայնությունը՝ 1200px, կենտրոնացված, աշխատասեղանի վրա լայն լուսանցքներով: Գլխավոր էկրանը բաժանված է երկու սյունակի. ձախ սյունակը պարունակում է 80px վերնագիր + մարմնի տեքստ + կուտակված մուտքի կոճակներ, մինչդեռ աջ սյունակը պարունակում է ամրագրման վիջեթ քարտ՝ ֆոնին դեկորատիվ տարրերով: Գլխավոր էկրանի տակ գտնվում է Trust-ի լոգոտիպով մեկ, լրիվ լայնությամբ շերտ: Հաջորդող բաժինները հերթագայում են կենտրոնացված վերնագրերի բլոկները (H2 + ենթատեքստ + ըստ ցանկության գործողության կոչ), որոնց հաջորդում են երկու սյունակով բլոկներ, որոնք նկարագրում են առանձնահատկությունները (տեքստ ձախից/արտադրանք աջից կամ ապրանք ձախից/տեքստ աջից)՝ յուրաքանչյուր ապրանքի պատկերի հետևում դեկորատիվ շեշտադրական տարրերով: Քարտային ցանցերը հազվադեպ են օգտագործվում. դասավորությունը նախընտրում է զույգ բաժինները, որոնք տեղադրված են կողք կողքի, այլ ոչ թե բազմասյունակ ցանցեր: Բաժինների միջև հեռավորությունը տատանվում է 48-ից մինչև 64px: Նավիգացիան 64px ֆիքսված վերին գոտի է՝ ձախ կողմում լոգոտիպով, կենտրոնացված մենյուով և աջ կողմում գործողության կոչերի խմբով:
Հիմնական տեսողական տարրը ապրանքի էկրանի պատկերներն են՝ ամրագրման օրացույցի օգտագործողի ինտերֆեյսի պարզ մակետներ, որոնք ներկայացված են սպիտակ քարտերի վրա՝ լայն, կլորացված անկյուններով: Դեկորատիվ դիզայն. յուրաքանչյուր ապրանքի քարտ շրջապատված է մարջանագույն մանուշակագույնի (#e55cff) կամ երկնագույն կապույտի (#0099ff) փափուկ կետով, որը փոքր-ինչ շեղված և մշուշոտ է, ստեղծելով կոլաժի էֆեկտ, այլ ոչ թե հարթ էկրանի պատկեր: Լուսանկարներ, կենսակերպի պատկերներ չկան. բոլոր տեսողական տարրերը ներկայացնում են ապրանքի օգտագործողի ինտերֆեյսը, աբստրակտ շեշտադրման ձևերը կամ մոնոխրոմ գործընկերների լոգոները վստահության գոտում: Պատկերակները գծային են՝ 1.5–2px գծի լայնությամբ, մոնոխրոմ, մուգ կապույտ (Ink Navy) կամ կապույտ (Signal Blue) գույներով:
Պալիտրա
Բրենդ
- Ink Navy
#0b3558— Հիմնական տեքստ, վերնագրեր, պատկերակներ, գործողության կոչերի մուգ ֆոն, նավիգացիոն հղումներ։ - Signal Blue
#006bff— Գործողության հիմնական կոչ (CTA), ակտիվ նավիգացիա, հղումների շեշտադրում, ընտրված վիճակներ
Չեզոք
- Carbon
#0a0a0a— Տեքստը մաքուր սևով (պահեստային), լոգոյի գլիֆ, պատկերակի լրացում։ - Slate Gray
#476788— Լրացուցիչ հիմնական տեքստ, օժանդակ տեքստ, անջատված պիտակներ։ - Mist Gray
#a6bbd1— Անջատված տեքստ, ոչ ակտիվ ֆունկցիայի պիտակներ, լուսավոր պատկերակի ուրվագծեր - Cloud
#f8f9fb— Էջի կտավ, ստորին էջի ֆոն, լրացուցիչ մակերես - Paper
#ffffff— Քարտի մակերեսներ, ուռուցիկ վահանակներ, կոճակի տեքստ մուգ ֆոնի վրա։ - Pebble
#f0f3f8— Սրբապատկերների ֆոնային պատկերներ, մուտքագրման դաշտերի ստվերավորում, նուրբ բաժանիչներ, մկնիկի վրա մկնիկի վրա տեղադրելու էֆեկտներ։
Տպագրություն
12-ից մինչև 80px · 10 քայլ
- Gilroy — փոխարինում: Manrope · ուրվագծեր 400, 500, 600, 700 · Ամբողջ ինտերֆեյսի տեքստը։ Գիլրոյը երկրաչափական հումանիստական սանսերիֆ է՝ լայն ապերտուրաներով և միատարր գծերի հակադրությամբ։ Դրա թավատառ կշիռները (700) օգտագործվում են վերնագրերի համար, մինչդեռ 500–600-ը՝ կոճակների և ենթավերնագրերի համար։ Փոխարինեք Manrope-ով կամ Inter-ով։
- Gilroy — փոխարինում: Inter · ուրվագծեր 400 · Հիմնական տեքստ և ընդհանուր նշանակության UI պիտակներ - 400 միավորանոց տառատեսակի քաշը ապահովում է, որ երկար տեքստերը ընթեռնելի լինեն առանց ծանրության զգացողության։
- Gilroy — փոխարինում: Inter · ուրվագծեր 500 · Երկրորդական վերնագրեր և ընդգծված տեքստ - 14/500 տառատեսակը քարտի վերնագրերի և ներտողային պիտակների համար հիմնական գործիքն է:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8-16px |
| Կոճակի շառավիղ | 8px |
| Քարտի շառավիղ | 24px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 48-64px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Calendly ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Mollie — Քաշմիրե սեղան, մուգ գրանցամատյան: Սև տեքստի շուրջ թողեք բավարար սպիտակ տարածք խմբագրական դիզայնի համար, այնուհետև ընդգծեք ապրանքին վերաբերող կետերը տաք կրեմներով, էսպրեսո բրաուններով և իրական վճարման մեթոդների շոշափելի լուսանկարներով:
- Kagi — Առանձին ընթերցասրահ։ Ստեղծեք բաց սպիտակ տարածք համարձակ գրաֆիտային տեքստի շուրջ՝ օգտագործելով նուրբ մանուշակագույն շեշտադրումներ և տաք պաստելային մակերեսներ՝ անդորրը խախտելու համար։
- Milanote — Milanote-ը նվիրված ստեղծագործական ստուդիա է: Ստեղծեք խմբագրական պատկերասրահի ոճի էջեր՝ օգտագործելով լողացող տեսողական տախտակներ՝ մուգ շրջանակված պատեր, սպիտակ ցուցադրման տարածք և էկրանի լուսանկարներ, որոնք նման են իրական առարկաների՝ մեղմ խորությամբ:
- Co2 — Կլիմայական ատլաս ձմեռային լույսի ներքո: Ստեղծեք էջեր, որոնք նման են օդային փաստաթղթի լանդշաֆտի, որտեղ սերիֆ վերնագրերը, կատեգորիայի կոդավորված տվյալները և սառցե պատկերները ընդգծում են լայն սպիտակ եզրերը:
- GitButler — Փիրուզագույն՝ տեքստի վերջում։ Բարձր կոնտրաստային սերիֆային վերնագրերի համադրություն՝ նուրբ տեխնիկական ցանցերով, տաք գրաֆիտային մակերեսներով և աննկատ փիրուզագույն շեշտադրմամբ։
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Monad — խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Anthropic — Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։