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
- Mollie — Një banak kashmiri, një libër llogarie i errët. Lini hapësirë të bollshme të bardhë për dizajn editorial rreth tekstit të zi, pastaj përforconi pikat që lidhen me produktin me krem të ngrohtë, kafe kafe ekspres dhe foto prekëse të metodave aktuale të pagesës.
- Kagi — Një dhomë leximi e veçantë. Krijoni një hapësirë të bardhë të hapur rreth tekstit të theksuar me grafit, duke përdorur thekse delikate vjollce dhe sipërfaqe të ngrohta pastel për të thyer qetësinë.
- Milanote — Milanote është një studio krijuese e dedikuar. Krijoni faqe në stilin e galerive editoriale duke përdorur tabela vizuale lundruese: mure me kornizë të errët, hapësirë të bardhë shfaqjeje dhe pamje të ekranit që duken si objekte të vërteta me një thellësi të butë.
- Co2 — Një atlas klimatik në dritën e dimrit. Krijoni faqe si një peizazh dokumenti ajror, ku titujt serif, të dhënat e koduara sipas kategorive dhe imazhet e akullta nxjerrin në pah kufijtë e gjerë të bardhë.
- GitButler — Ngjyrë bruz në fund të tekstit. Një kombinim titujsh serif me kontrast të lartë me rrjeta teknike delikate, sipërfaqe grafiti të ngrohta dhe një theks diskret bruz.
- 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.