Calendly
Xim xiav tsaus nti rau ntawm marble txias
Calendly zoo li qhov chaw ua haujlwm npaj siab, muaj kev ntseeg siab: ib daim ntaub canvas ze-dawb nrog ntau chav ua pa, daim npav khoom dawb crisp floating tawm tsam keeb kwm yav dhau grey txias, thiab tag nrho cov typography ua rau hauv cov kua xiav tsaus es tsis yog dub ntshiab. Lub ntsiab lus txhais yog xim xiav tsaus (# 0b3558), siv txhua qhov chaw cov ntawv tshwm sim - cov npe, cov nyees khawm, cov cim, cov kev sib txuas - uas ua rau tag nrho cov interface mos, ua rau nws sov dua thiab zoo nkauj dua li nplooj ntawv SaaS tsaws. Ib qho xiav ci ntsa iab (# 006bff) yog siv rau txhua yam kev ua tseem ceeb, thiab cov xim liab dawb thiab xiav zoo nkauj txuas ntxiv mus dhau ntawm cov qauv khoom ntxiv qhov sov so yam tsis tsim kev ntxhov siab. Cov khoom raug khaws cia understated: nyias 1px ciam teb, cov duab ntxoov ntxoo xiav-tinted me me, daim npav loj 24px, thiab 8px khawm ces kaum xav tias txhob txwm ua es tsis yog bland.
Qhov dav tshaj plaws yog 1200px, nyob nruab nrab, nrog rau cov npoo dav ntawm lub desktop. Lub vijtsam tseem ceeb tau muab faib ua ob kab: kab sab laug muaj lub taub hau 80px + cov ntawv hauv lub cev + cov nyees khawm nkag mus sib sau ua ke, thaum kab sab xis muaj daim npav widget booking nrog cov khoom dai kom zoo nkauj hauv keeb kwm yav dhau. Hauv qab lub vijtsam tseem ceeb yog ib kab dav dav nrog lub logo Trust. Cov ntu tom ntej hloov pauv ntawm cov blocks header nruab nrab (H2 + subtext + xaiv tau hu rau kev nqis tes ua), ua raws li cov blocks ob kab piav qhia txog cov yam ntxwv (cov ntawv sab laug/khoom sab xis lossis khoom sab laug/khoom sab xis) nrog cov khoom dai kom zoo nkauj tom qab txhua daim duab khoom. Daim npav grids tsis tshua siv - qhov layout nyiam cov ntu khub muab tso ua ke ib sab es tsis yog ntau kab grids. Qhov sib nrug ntawm cov ntu yog txij li 48 txog 64px. Kev navigation yog 64px kho sab saum toj bar nrog lub logo nyob sab laug, cov ntawv qhia zaub mov nyob nruab nrab, thiab ib pawg ntawm kev hu rau kev nqis tes ua nyob sab xis.
Lub ntsiab lus pom tseem ceeb yog cov duab thaij ntawm cov khoom - cov qauv yooj yim ntawm daim ntawv qhia hnub siv, ua rau ntawm daim npav dawb nrog cov ces kaum dav thiab puag ncig. Kev tsim kho kom zoo nkauj: txhua daim npav khoom yog ib puag ncig los ntawm qhov chaw mos ntawm coral purple (#e55cff) lossis azure xiav (#0099ff), me ntsis offset thiab blurred, tsim cov nyhuv collage es tsis yog daim duab thaij tiaj tus. Tsis muaj duab, tsis muaj duab kev ua neej - txhua yam khoom pom sawv cev rau cov khoom siv interface, cov duab abstract accent, lossis monochrome tus khub logos ntawm lub trust bar. Cov cim yog linear nrog kab dav ntawm 1.5–2px, monochrome, hauv xiav tsaus (Ink Navy) lossis xiav (Signal Blue).
Xim av
Hom
- Ink Navy
#0b3558— Cov ntawv tseem ceeb, cov npe, cov cim, keeb kwm yav dhau tsaus rau kev hu kom ua, cov kev sib txuas navigation. - Signal Blue
#006bff— Kev hu kom ua haujlwm tseem ceeb (CTA), kev taw qhia nquag, kev hais txog qhov txuas, cov xeev xaiv
Nruab nrab
- Carbon
#0a0a0a— Cov ntawv sau ua xim dub huv si (fallback), logo glyph, icon fill. - Slate Gray
#476788— Cov ntawv tseem ceeb ntxiv, cov ntawv txhawb nqa, cov ntawv lo uas tsis muaj suab. - Mist Gray
#a6bbd1— Cov ntawv nyeem tsis ua haujlwm, cov ntawv cim tsis ua haujlwm, cov duab cim teeb - Cloud
#f8f9fb— Nplooj ntawv canvas, keeb kwm yav dhau ntawm footer, qhov chaw ntxiv - Paper
#ffffff— Cov nto ntawm daim npav, cov vaj huam sib luag tsa siab, cov ntawv sau ntawm lub pob ntawm keeb kwm yav dhau tsaus ntuj. - Pebble
#f0f3f8— Cov duab keeb kwm yav dhau rau cov cim, cov duab ntxoov ntxoo ntawm daim teb nkag, cov neeg sib cais me me, cov teebmeem hover.
Kev sau ntawv
txij li 12 mus rau 80px · 10 kauj ruam
- Gilroy — hloov: Manrope · cov qauv qhia 400, 500, 600, 700 · Tag nrho cov ntawv nyeem interface. Gilroy yog ib tug geometric humanist sans-serif nrog dav apertures thiab sib piv stroke; nws cov bold weights (700) yog siv rau cov headers, thaum 500–600 yog siv rau cov nyees khawm thiab subheadings. Hloov nrog Manrope lossis Inter.
- Gilroy — hloov: Inter · cov qauv qhia 400 · Cov ntawv sau hauv lub cev thiab cov ntawv lo rau UI dav dav - Qhov hnyav ntawm cov ntawv sau 400-point ua kom cov ntawv ntev nyeem tau yam tsis hnyav.
- Gilroy — hloov: Inter · cov qauv qhia 500 · Cov ntawv sau theem ob thiab cov ntawv sau tseem ceeb - 14/500 font yog lub cuab yeej tseem ceeb rau cov ntawv sau hauv daim npav thiab cov ntawv lo rau hauv kab.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8-16px |
| Lub vojvoog ntawm lub pob | 8px |
| Lub vojvoog ntawm daim npav | 24px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 48-64px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Calendly thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- ElevenLabs — Ib tsab ntawv sau txog duab hauv xim dawb sov so nrog cov ntawv xov xwm me me. Ib phau ntawv sau ua qauv Bauhaus—daim ntawv xim qe qe, kua dub, thiab ib daim xim ntshav thiab txiv kab ntxwv rau kev tso saib cov khoom.
- Awesomic — Cov ntawv xov xwm zinc mesh nrog cov cim kab lus txiv kab ntxwv uas zoo li confetti
- Monad — phau ntawv xov xwm txog kev kho mob ntawm daim ntawv parchment sov
- Dub — Link lub vaj huam sib luag tswj hwm daim ntawv nplej matte
- Seline Analytics — Ib lub rooj tshuaj xyuas ntsiag to ntawm daim ntawv sov
- Notion — Ib phau ntawv sau sov so hauv lub hnub nruab hnub
- Anthropic — Ib phau ntawv sau txog kev tshawb fawb txog cov ntaub vellum sov so—cov nplaim dawb mos mos, cov ntawv sau ua serifed, thiab ib qho av nplaum uas tsuas tshwm sim thaum xav tau kev nqis tes ua xwb.
- Augen Pro — Kua cov xim dawb muaj xim xiav uas tsis hnyav, kho mob, thiab hluav taws xob ua lub ntsiab lus tseem ceeb hauv qhov chaw monochrome.
- Antimetal — Ib zaj dab neeg sau txog kev sau xov xwm ntawm daim ntawv dawb - ib tag kis sawv ntxov ntsiag to ntawm phau ntawv xov xwm tshawb fawb, qhov twg kev tswj hwm qhia txog kev ntseeg siab thiab cov ntawv serifs ua qhov hnyav.
- Perk — Txiv qaub ntsuab hluav taws xob rau ntawm daim ntawv parchment sov
- Ditto — Ib lub chaw ua haujlwm uas muaj hnub ci ntsa iab los tsim cov qauv paj ntoo qus. Cov nplaim paj dawb sov so, xim daj ci ntsa iab, cov kua xim xiav xiav tob tob, cov xim organic tawg paj tom qab daim duab.
- Officevibe — Ib phau ntawv xov xwm sau txog kev tswj hwm HR uas siv daim ntawv xim dawb sov so. Xav txog ib tsab ntawv sau txog kev tswj hwm HR, uas tau nthuav tawm ua ib yam khoom - ib daim ntawv sau ua ntawv cursive serif uas hais lus ntsiag to los ntawm lub interface xiav niaj hnub.