Calendly
Bojë blu e errët mbi mermer të ftohtë
Calendly të jep ndjesinë e një hapësire pune planifikimi të qetë dhe të sigurt: një kanavacë pothuajse e bardhë me shumë hapësirë për të marrë frymë, karta produktesh të bardha të pastra që qëndrojnë mbi një sfond gri të ftohtë dhe e gjithë tipografia e paraqitur me bojë blu të errët në vend të të zezës së pastër. Elementi përcaktues është ngjyra blu e errët (#0b3558), e përdorur kudo që shfaqet teksti - tituj, butona, ikona, lidhje - e cila e zbut të gjithë ndërfaqen, duke e bërë atë më të ngrohtë dhe më elegante sesa faqja tipike e SaaS. Një blu e vetme e ndritshme (#006bff) përdoret për të gjitha veprimet kryesore, dhe spërkatjet dekorative rozë dhe blu që shtrihen përtej paraqitjeve të produkteve shtojnë ngrohtësi pa krijuar rrëmujë. Komponentët mbahen të thjeshtë: kufijtë e hollë 1px, hijet delikate me nuancë blu, rrezet e mëdha të kartave 24px dhe cepat e butonave 8px duken të qëllimshme dhe jo të paqarta.
Gjerësia maksimale 1200px, e përqendruar, me kufij të gjerë në desktop. Ekrani kryesor është i ndarë në dy kolona: kolona e majtë përmban një kokë 80px + tekst të trupit + butona hyrjeje të grumbulluar, ndërsa kolona e djathtë përmban një kartë vegël rezervimi me elementë dekorativë në sfond. Poshtë ekranit kryesor është një shirit i vetëm me gjerësi të plotë me logon e Trust. Seksionet pasuese alternojnë midis blloqeve të kokës së përqendruar (H2 + nëntekst + thirrje opsionale për veprim), të ndjekura nga blloqe me dy kolona që përshkruajnë veçoritë (tekst majtas/produkt djathtas ose produkt majtas/tekst djathtas) me elementë dekorativë theksi pas çdo imazhi produkti. Rrjetat e kartave përdoren rrallë - paraqitja favorizon seksionet e çiftëzuara të vendosura krah për krah në vend të rrjetave me shumë kolona. Hapësira midis seksioneve varion nga 48 në 64px. Navigimi është një shirit i fiksuar në krye 64px me logon në të majtë, një menu të përqendruar dhe një grup thirrjesh për veprim në të djathtë.
Elementi kryesor vizual janë pamjet e ekranit të produktit - makete të thjeshta të ndërfaqes së përdoruesit të kalendarit të rezervimeve, të paraqitura në karta të bardha të qarta me qoshe të gjera dhe të rrumbullakosura. Dizajn dekorativ: çdo kartë produkti është e rrethuar nga një njollë e butë me vjollcë korali (#e55cff) ose blu azure (#0099ff), pak e zhvendosur dhe e turbullt, duke krijuar një efekt kolazhi në vend të një pamjeje të sheshtë të ekranit. Asnjë fotografi, asnjë imazh stili jetese - të gjithë elementët vizualë përfaqësojnë ndërfaqen e përdoruesit të produktit, format abstrakte të theksit ose logot monokrome të partnerëve në shiritin e besimit. Ikonat janë lineare me një gjerësi vije prej 1.5–2px, monokrome, në blu të errët (Ink Navy) ose blu (Signal Blue).
Paletë
Markë
- Ink Navy
#0b3558— Teksti kryesor, titujt, ikonat, sfondi i errët për thirrjet për veprim, lidhjet e navigimit. - Signal Blue
#006bff— Thirrja kryesore për veprim (CTA), navigimi aktiv, theksimi i lidhjeve, gjendjet e zgjedhura
Neutral
- Carbon
#0a0a0a— Tekst me të zezë të pastër (rezervë), glif logoje, mbushje ikonash. - Slate Gray
#476788— Tekst kryesor shtesë, tekst mbështetës, etiketa të heshtura. - Mist Gray
#a6bbd1— Tekst i çaktivizuar, etiketa funksionesh joaktive, konture ikonash të ndriçuara - Cloud
#f8f9fb— Kanavacë faqeje, sfond fundfaqeje, sipërfaqe shtesë - Paper
#ffffff— Sipërfaqe kartoni, panele të ngritura, tekst butoni në një sfond të errët. - Pebble
#f0f3f8— Imazhe sfondi për ikonat, hijezim i fushës së hyrjes, ndarës të hollë, efekte të qëndrimit pezull.
Tipografi
nga 12 në 80px · 10 hapa
- Gilroy — zëvendësim: Manrope · skica 400, 500, 600, 700 · I gjithë teksti i ndërfaqes. Gilroy është një sans-serif humanist gjeometrik me hapje të gjera dhe kontrast uniform të vijave; peshat e tij të trasha (700) përdoren për titujt, ndërsa 500–600 përdoren për butonat dhe nëntitujt. Zëvendësojeni me Manrope ose Inter.
- Gilroy — zëvendësim: Inter · skica 400 · Teksti i trupit dhe etiketat e ndërfaqes së përdoruesit për qëllime të përgjithshme - Pesha e shkronjave prej 400 pikësh siguron që tekstet e gjata janë të lexueshme pa u ndjerë të rënda.
- Gilroy — zëvendësim: Inter · skica 500 · Titujt dytësorë dhe teksti i theksuar i trupit - fonti 14/500 është mjeti kryesor për titujt e kartave dhe etiketat brenda rreshtit.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-16px |
| Rrezja e butonit | 8px |
| Rrezja e kartës | 24px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 48-64px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Calendly dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- ElevenLabs — Një ese me foto në tone të ngrohta krem me tituj delikatë. Një fletore në stilin Bauhaus - letër me ngjyrë lëvozhge veze, bojë e zezë dhe një theks i vetëm vjollcë dhe portokalli për shfaqjen e produktit.
- Awesomic — Rrjetë zinku editoriale me shenja pikësimi portokalli që të kujtojnë konfeti
- Monad — revistë teknike editoriale mbi pergamenë të ngrohtë
- Dub — Paneli i kontrollit të letrës orizi mat të Link
- Seline Analytics — Një tabelë analitike e qetë në letër të ngrohtë
- Notion — Një fletore e ngrohtë letre në diellin e mesditës
- Anthropic — Një revistë shkencore mbi pergamenën e ngrohtë - sipërfaqe të qeta ngjyrë fildishi, tituj editorialë të serifuar dhe një theks i vetëm argjile që shfaqet vetëm kur nevojitet veprim.
- Augen Pro — Prezantimi i bardhë i Apple paraqet një blu elektrike klinike, pa peshë, si theksin e vetëm në një hapësirë njëngjyrëshe.
- Antimetal — Një kronikë editoriale në letër kremoze—një mëngjes i qetë në një revistë shkencore, ku përmbajtja përcjell vetëbesim dhe serifetet bëjnë punën e rëndë.
- Perk — Limon elektrik në letër pergameni të ngrohtë
- Ditto — Një seminar i ndriçuar nga dielli që krijon mostra lulesh të egra. Sipërfaqe të ngrohta krem, një ngjyrë bazë e verdhë e gjallë, bojëra blu të errët të errët, forma ngjyrash organike që lulëzojnë pas veprës.
- Officevibe — Një revistë editoriale në letër të ngrohtë me ngjyrë krem. Imagjinoni një ese të menduar mirë mbi menaxhimin e burimeve njerëzore, të paraqitur si një produkt - një font serif me shkronja të pëshpëritura përmes një ndërfaqeje moderne blu.