Calendly
Inc glas tywyll ar farmor oer
Mae Calendly yn teimlo fel gweithle cynllunio tawel a hyderus: cynfas bron yn wyn gyda digon o le i anadlu, cardiau cynnyrch gwyn clir yn arnofio yn erbyn cefndir llwyd oer, a'r holl deipograffeg wedi'i rendro mewn inc glas tywyll yn hytrach na du pur. Yr elfen ddiffiniol yw'r lliw glas tywyll (#0b3558), a ddefnyddir ym mhobman y mae testun yn ymddangos—penawdau, botymau, eiconau, dolenni—sy'n meddalu'r rhyngwyneb cyfan, gan ei wneud yn gynhesach ac yn fwy chwaethus na'r dudalen lanio SaaS nodweddiadol. Defnyddir un glas llachar (#006bff) ar gyfer yr holl gamau gweithredu sylfaenol, ac mae sblasiadau pinc a glas addurniadol sy'n ymestyn y tu hwnt i gynlluniau'r cynnyrch yn ychwanegu cynhesrwydd heb greu annibendod. Cedwir cydrannau'n danddatganol: mae ffiniau tenau 1px, cysgodion lliw glas cynnil, radii cardiau mawr 24px, a chorneli botwm 8px yn teimlo'n fwriadol yn hytrach na diflas.
Lled mwyaf 1200px, wedi'i ganoli, gydag ymylon llydan ar y bwrdd gwaith. Mae'r brif sgrin wedi'i rhannu'n ddwy golofn: mae'r golofn chwith yn cynnwys pennawd 80px + testun corff + botymau mewngofnodi wedi'u pentyrru, tra bod y golofn dde yn cynnwys cerdyn teclyn archebu gydag elfennau addurniadol yn y cefndir. O dan y brif sgrin mae un streipen lled llawn gyda logo'r Ymddiriedolaeth. Mae adrannau dilynol yn newid rhwng blociau pennawd canolog (H2 + is-destun + galwad i weithredu dewisol), ac yna blociau dwy golofn sy'n disgrifio nodweddion (testun chwith/cynnyrch dde neu gynnyrch chwith/testun dde) gydag elfennau acen addurniadol y tu ôl i bob delwedd cynnyrch. Anaml y defnyddir gridiau cardiau—mae'r cynllun yn ffafrio adrannau wedi'u paru wedi'u gosod ochr yn ochr yn hytrach na gridiau aml-golofn. Mae'r bylchau rhwng adrannau yn amrywio o 48 i 64px. Mae'r llywio yn far uchaf sefydlog 64px gyda'r logo ar y chwith, dewislen ganolog, a grŵp o alwadau i weithredu ar y dde.
Y prif elfen weledol yw sgrinluniau cynnyrch—moddion syml o ryngwyneb defnyddiwr y calendr archebu, wedi'u rendro ar gardiau gwyn clir gyda chorneli llydan, crwn. Dyluniad addurniadol: mae pob cerdyn cynnyrch wedi'i amgylchynu gan fan meddal o borffor cwrel (#e55cff) neu las asur (#0099ff), wedi'i wrthbwyso ychydig ac yn aneglur, gan greu effaith collage yn hytrach na sgrinlun gwastad. Dim ffotograffau, dim delweddau ffordd o fyw—mae'r holl elfennau gweledol yn cynrychioli rhyngwyneb defnyddiwr y cynnyrch, siapiau acen haniaethol, neu logos partneriaid monocrom ar y bar ymddiriedaeth. Mae eiconau'n llinol gyda lled llinell o 1.5–2px, monocrom, mewn glas tywyll (Ink Navy) neu las (Signal Blue).
Palet
Brand
- Ink Navy
#0b3558— Prif destun, penawdau, eiconau, cefndir tywyll ar gyfer galwadau i weithredu, dolenni llywio. - Signal Blue
#006bff— Galwad i weithredu (CTA) sylfaenol, llywio gweithredol, pwyslais cyswllt, cyflyrau a ddewiswyd
Niwtral
- Carbon
#0a0a0a— Testun mewn du pur (wrth gefn), glyff logo, llenwad eicon. - Slate Gray
#476788— Testun prif ychwanegol, testun ategol, labeli wedi'u tawelu. - Mist Gray
#a6bbd1— Testun wedi'i analluogi, labeli swyddogaeth anactif, amlinelliadau eicon golau - Cloud
#f8f9fb— Cynfas tudalen, cefndir troedyn, arwyneb ychwanegol - Paper
#ffffff— Arwynebau cardiau, paneli wedi'u codi, testun botwm ar gefndir tywyll. - Pebble
#f0f3f8— Delweddau cefndir ar gyfer eiconau, cysgodi meysydd mewnbwn, gwahanyddion cynnil, effeithiau hofran.
Teipograffeg
o 12 i 80px · 10 cam
- Gilroy — amnewid: Manrope · amlinelliadau 400, 500, 600, 700 · Testun rhyngwyneb i gyd. Mae Gilroy yn destun sans-serif dynol geometrig gydag agoriadau llydan a chyferbyniad strôc unffurf; defnyddir ei bwysau beiddgar (700) ar gyfer penawdau, tra bod 500–600 yn cael eu defnyddio ar gyfer botymau ac is-benawdau. Amnewid gyda Manrope neu Inter.
- Gilroy — amnewid: Inter · amlinelliadau 400 · Testun corff a labeli rhyngwyneb defnyddiwr cyffredinol - mae pwysau ffont 400 pwynt yn sicrhau bod testunau hir yn ddarllenadwy heb deimlo'n drwm.
- Gilroy — amnewid: Inter · amlinelliadau 500 · Penawdau eilaidd a thestun corff wedi'i amlygu - ffont 14/500 yw'r prif offeryn ar gyfer penawdau cardiau a labeli mewnlin.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8-16px |
| Radiws botwm | 8px |
| Radiws y cerdyn | 24px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 48-64px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Calendly ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- ElevenLabs — Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
- Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
- Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
- Dub — Panel rheoli papur reis matte Link
- Seline Analytics — Tabl dadansoddol tawel ar bapur cynnes
- Notion — Llyfr nodiadau papur cynnes yn haul canol dydd
- Anthropic — Cylchgrawn maes gwyddonol ar femrwn cynnes—arwynebau ifori tawel, penawdau golygyddol â serifau, ac acen glai sengl sy'n ymddangos dim ond pan fo angen gweithredu.
- Augen Pro — Mae cyflwyniad gwyn Apple yn cynnwys glas trydan clinigol, dibwysau fel yr unig acen mewn gofod monocrom.
- Antimetal — Cronicl golygyddol ar bapur hufen—bore tawel mewn cyfnodolyn gwyddonol, lle mae cymedroli yn cyfleu hyder a serifau yn gwneud y gwaith trwm
- Perk — Calch trydan ar bapur memrwn cynnes
- Ditto — Gweithdy heulog yn creu samplau o flodau gwyllt. Arwynebau hufen cynnes, lliw sylfaen melyn bywiog, inciau glas tywyll dwfn, ffurfiau lliw organig yn blodeuo y tu ôl i'r darn.
- Officevibe — Cylchgrawn golygyddol ar bapur lliw hufen cynnes. Dychmygwch draethawd meddylgar ar reoli AD, wedi'i gyflwyno fel cynnyrch—ffont serif cyrsif yn sibrwd trwy ryngwyneb glas modern.