Calendly
Wino wa bluu nyeusi kwenye marumaru baridi
Calendly inahisi kama nafasi ya kazi ya kupanga yenye utulivu na ujasiri: turubai karibu nyeupe yenye nafasi kubwa ya kupumua, kadi nyeupe safi za bidhaa zinazoelea dhidi ya mandharinyuma baridi ya kijivu, na uchapaji wote ulioonyeshwa kwa wino wa bluu nyeusi badala ya nyeusi safi. Kipengele kinachofafanua ni rangi ya bluu nyeusi (#0b3558), inayotumika kila mahali maandishi yanapoonekana—vichwa vya habari, vitufe, aikoni, viungo—ambavyo hupunguza kiolesura kizima, na kuifanya iwe ya joto na maridadi zaidi kuliko ukurasa wa kawaida wa kutua wa SaaS. Bluu moja angavu (#006bff) hutumika kwa vitendo vyote vya msingi, na rangi za waridi na bluu za mapambo zinazoenea zaidi ya mipangilio ya bidhaa huongeza joto bila kusababisha msongamano. Vipengele havijaonyeshwa sana: mipaka nyembamba ya pikseli 1, vivuli hafifu vya bluu-rangi, radii kubwa ya kadi ya pikseli 24, na pembe za vitufe vya pikseli 8 huhisi kama za makusudi badala ya zisizo na ladha.
Upana wa juu zaidi ni pikseli 1200, katikati, na pembezoni pana kwenye eneo-kazi. Skrini kuu imegawanywa katika safu wima mbili: safu wima ya kushoto ina kichwa cha pikseli 80 + maandishi ya mwili + vitufe vya kuingia vilivyopangwa, huku safu wima ya kulia ikiwa na kadi ya wijeti ya kuweka nafasi yenye vipengele vya mapambo nyuma. Chini ya skrini kuu kuna mstari mmoja, wa upana kamili wenye nembo ya Trust. Sehemu zinazofuata hubadilishana kati ya vitalu vya kichwa vilivyo katikati (H2 + maandishi madogo + wito wa kuchukua hatua kwa hiari), ikifuatiwa na vitalu vya safu wima mbili vinavyoelezea vipengele (maandishi kushoto/bidhaa kulia au bidhaa kushoto/maandishi kulia) vyenye vipengele vya lafudhi ya mapambo nyuma ya kila picha ya bidhaa. Gridi za kadi hazitumiki sana—mpangilio unapendelea sehemu zilizounganishwa zilizowekwa kando badala ya gridi za safu wima nyingi. Nafasi kati ya sehemu ni kati ya pikseli 48 hadi 64. Usogezaji ni upau wa juu usiobadilika wa pikseli 64 wenye nembo kushoto, menyu katikati, na kundi la wito wa kuchukua hatua kulia.
Kipengele kikuu cha kuona ni picha za skrini za bidhaa—mifano rahisi ya kiolesura cha mtumiaji cha kalenda ya kuweka nafasi, iliyoonyeshwa kwenye kadi nyeupe safi zenye pembe pana, zenye mviringo. Muundo wa mapambo: kila kadi ya bidhaa imezungukwa na doa laini la zambarau ya matumbawe (#e55cff) au bluu ya azure (#0099ff), iliyobadilishwa kidogo na kuwa na ukungu, na kuunda athari ya kolagi badala ya picha tambarare. Hakuna picha, hakuna picha za mtindo wa maisha—vipengele vyote vya kuona vinawakilisha kiolesura cha mtumiaji wa bidhaa, maumbo ya lafudhi dhahania, au nembo za mshirika wa monochrome kwenye upau wa uaminifu. Aikoni ni za mstari zenye upana wa mstari wa pikseli 1.5–2, monochrome, katika bluu nyeusi (Ink Navy) au bluu (Signal Blue).
Paleti
Chapa
- Ink Navy
#0b3558— Maandishi makuu, vichwa vya habari, aikoni, mandharinyuma meusi kwa ajili ya miito ya kuchukua hatua, viungo vya kusogeza. - Signal Blue
#006bff— Wito wa msingi wa kuchukua hatua (CTA), urambazaji unaotumika, msisitizo wa viungo, hali teule
Isiyoegemea upande wowote
- Carbon
#0a0a0a— Maandishi katika rangi nyeusi kabisa (rudi nyuma), kielelezo cha nembo, kujaza aikoni. - Slate Gray
#476788— Maandishi makuu ya ziada, maandishi yanayounga mkono, lebo zilizonyamazishwa. - Mist Gray
#a6bbd1— Maandishi yamezimwa, lebo za chaguo-msingi zisizotumika, mihtasari ya aikoni nyepesi - Cloud
#f8f9fb— Turubai ya ukurasa, mandharinyuma ya chini, uso wa ziada - Paper
#ffffff— Nyuso za kadi, paneli zilizoinuliwa, maandishi ya kitufe kwenye mandharinyuma meusi. - Pebble
#f0f3f8— Picha za usuli za aikoni, kivuli cha sehemu ya kuingiza, vitenganishi hila, athari za kuelea.
Uchapaji
kutoka pikseli 12 hadi 80 · hatua 10
- Gilroy — mbadala: Manrope · mihtasari 400, 500, 600, 700 · Maandishi yote ya kiolesura. Gilroy ni jiometri isiyo na serif yenye umbo la kibinadamu yenye nafasi pana na utofautishaji wa kiharusi sare; uzito wake mkubwa (700) hutumika kwa vichwa vya habari, huku 500–600 hutumika kwa vitufe na vichwa vidogo. Badilisha na Manrope au Inter.
- Gilroy — mbadala: Inter · mihtasari 400 · Lebo za maandishi ya mwili na lebo za kiolesura cha mtumiaji kwa matumizi ya jumla - uzito wa fonti ya pointi 400 huhakikisha maandishi marefu yanasomeka bila kuhisi uzito.
- Gilroy — mbadala: Inter · mihtasari 500 · Vichwa vya pili na maandishi ya mwili yaliyoangaziwa - fonti ya 14/500 ndiyo kifaa kikuu cha vichwa vya kadi na lebo zilizo ndani ya mstari.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 8-16px |
| Kipenyo cha kitufe | 8px |
| Redi ya kadi | 24px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 48-64px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Calendly na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- ElevenLabs — Insha ya picha katika rangi ya krimu yenye umbo la kuvutia na vichwa vya habari hafifu. Daftari la mtindo wa Bauhaus—karatasi yenye rangi ya ganda la yai, wino mweusi, na lafudhi moja ya zambarau na chungwa kwa ajili ya kuonyesha bidhaa.
- Awesomic — Matundu ya zinki ya uhariri yenye alama za uakifishaji za rangi ya chungwa zinazokumbusha confetti
- Monad — jarida la kiufundi la uhariri kuhusu ngozi ya joto
- Dub — Paneli ya kudhibiti karatasi ya mchele isiyong'aa ya Link
- Seline Analytics — Jedwali la uchanganuzi tulivu kwenye karatasi ya joto
- Notion — Daftari la karatasi lenye joto kwenye jua la mchana
- Anthropic — Jarida la kisayansi kuhusu vellum yenye joto—nyuso tulivu za pembe za ndovu, vichwa vya habari vya uhariri vilivyoandikwa kwa ufupi, na lafudhi moja ya udongo inayoonekana tu wakati hatua inahitajika.
- Augen Pro — Uwasilishaji mweupe wa Apple una rangi ya bluu ya umeme isiyo na uzito kama lafudhi pekee katika nafasi ya monochrome.
- Antimetal — Hadithi ya uhariri kwenye karatasi ya krimu—asubuhi tulivu katika jarida la kisayansi, ambapo kujizuia huonyesha kujiamini na masheikh hufanya kazi nzito
- Perk — Chokaa cha umeme kwenye karatasi ya ngozi yenye joto
- Ditto — Warsha yenye mwanga wa jua inayounda sampuli za maua ya porini. Nyuso zenye joto za krimu, rangi ya msingi ya manjano inayong'aa, wino wa bluu ya bluu iliyokolea, maumbo ya rangi ya kikaboni yakichanua nyuma ya kipande hicho.
- Officevibe — Jarida la uhariri kuhusu karatasi ya rangi ya krimu. Hebu fikiria insha yenye mawazo kuhusu usimamizi wa rasilimali watu, iliyowasilishwa kama bidhaa—fonti ya serif yenye mkunjo ikinong'ona kupitia kiolesura cha kisasa cha bluu.