Calendly
Itom nga asul nga tinta sa bugnaw nga marmol
Ang Calendly daw sama sa usa ka malinawon ug masaligon nga workspace sa pagplano: usa ka hapit puti nga canvas nga adunay daghang espasyo sa pagginhawa, presko nga puti nga mga product card nga naglutaw batok sa bugnaw nga abuhon nga background, ug ang tanan nga tipograpiya gihimo sa usa ka itom nga asul nga tinta imbes nga puro nga itom. Ang nagtino nga elemento mao ang itom nga asul nga kolor (#0b3558), nga gigamit bisan asa makita ang teksto—mga headline, butones, icon, link—nga nagpahumok sa tibuuk nga interface, nga naghimo niini nga mas mainit ug mas istilo kaysa sa tipikal nga SaaS landing page. Usa ka hayag nga asul (#006bff) ang gigamit alang sa tanan nga panguna nga mga aksyon, ug ang pangdekorasyon nga pink ug asul nga mga splashes nga molapas sa mga layout sa produkto nagdugang kainit nga wala maghimo og kalat. Ang mga sangkap gipadayon nga dili kaayo gipahayag: nipis nga 1px nga mga border, gamay nga asul nga mga anino, dagkong 24px nga radii sa kard, ug 8px nga mga kanto sa butones mobati nga tinuyo imbes nga walay lami.
Kinatas-ang gilapdon 1200px, nakasentro, nga adunay lapad nga mga margin sa desktop. Ang pangunang screen gibahin sa duha ka kolum: ang wala nga kolum adunay sulod nga 80px header + body text + gipatong-patong nga mga buton sa pag-login, samtang ang tuo nga kolum adunay booking widget card nga adunay mga pangdekorasyon nga elemento sa background. Sa ubos sa pangunang screen adunay usa ka single, full-width stripe nga adunay logo sa Trust. Ang sunod nga mga seksyon nagpuli-puli tali sa nakasentro nga mga bloke sa header (H2 + subtext + opsyonal nga call to action), gisundan sa duha ka kolum nga mga bloke nga naghulagway sa mga bahin (teksto sa wala/produkto sa tuo o produkto sa wala/teksto sa tuo) nga adunay mga pangdekorasyon nga elemento sa likod sa matag imahe sa produkto. Talagsa ra gamiton ang mga grid sa kard—ang layout mas gusto ang gipares nga mga seksyon nga gibutang tupad-tupad kaysa mga grid nga daghang kolum. Ang gilay-on tali sa mga seksyon gikan sa 48 hangtod 64px. Ang nabigasyon usa ka 64px nga pirmi nga top bar nga adunay logo sa wala, usa ka nakasentro nga menu, ug usa ka grupo sa mga call to action sa tuo.
Ang pangunang biswal nga elemento mao ang mga screenshot sa produkto—mga simpleng mockup sa user interface sa booking calendar, nga gipakita sa presko nga puti nga mga kard nga adunay lapad ug lingin nga mga kanto. Dekorasyon nga disenyo: ang matag product card gilibutan sa humok nga bahin sa coral purple (#e55cff) o azure blue (#0099ff), gamay nga offset ug blurred, nga nagmugna og collage effect imbes nga patag nga screenshot. Walay mga litrato, walay mga hulagway sa estilo sa kinabuhi—ang tanang biswal nga elemento nagrepresentar sa user interface sa produkto, abstract accent shapes, o monochrome partner logos sa trust bar. Ang mga icon kay linear nga adunay gilapdon sa linya nga 1.5–2px, monochrome, sa itom nga asul (Ink Navy) o asul (Signal Blue).
Paleta
Brand
- Ink Navy
#0b3558— Pangunang teksto, mga ulohan, mga icon, ngitngit nga background para sa mga panawagan sa aksyon, mga link sa nabigasyon. - Signal Blue
#006bff— Pangunang panawagan sa aksyon (CTA), aktibong nabigasyon, paghatag gibug-aton sa link, pinili nga mga estado
Neutral
- Carbon
#0a0a0a— Teksto nga purong itom (fallback), logo glyph, icon fill. - Slate Gray
#476788— Dugang nga pangunang teksto, nagsuporta nga teksto, gipahilom nga mga label. - Mist Gray
#a6bbd1— Teksto nga wala magamit, mga label sa function nga dili aktibo, mga outline sa icon nga suga - Cloud
#f8f9fb— Kanbas sa panid, background sa footer, dugang nga nawong - Paper
#ffffff— Mga nawong sa kard, gipataas nga mga panel, teksto sa butones sa itom nga background. - Pebble
#f0f3f8— Mga hulagway sa background para sa mga icon, input field shading, mga gamay nga separator, mga hover effect.
Tipograpiya
gikan sa 12 ngadto sa 80px · 10 ka lakang
- Gilroy — kapuli: Manrope · mga balangkas 400, 500, 600, 700 · Teksto sa tanang interface. Ang Gilroy usa ka geometric humanist sans-serif nga adunay lapad nga mga aperture ug parehas nga stroke contrast; ang bold weights niini (700) gigamit para sa mga heading, samtang ang 500–600 gigamit para sa mga butones ug subheading. Ilisi og Manrope o Inter.
- Gilroy — kapuli: Inter · mga balangkas 400 · Ang body text ug general-purpose UI labels - Ang 400-point nga gibug-aton sa font nagsiguro nga ang taas nga mga teksto mabasa nga dili mobati nga bug-at.
- Gilroy — kapuli: Inter · mga balangkas 500 · Mga ikaduhang ulohan ug gipasiugda nga lawas sa teksto - 14/500 nga font ang pangunang himan para sa mga ulohan sa kard ug inline nga mga label.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8-16px |
| Radius sa butones | 8px |
| Radius sa kard | 24px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 48-64px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Calendly ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- ElevenLabs — Usa ka photo essay sa init nga krema nga mga kolor nga adunay malumo nga mga ulohan sa balita. Usa ka notebook nga istilo sa Bauhaus—papel nga kolor sama sa kabhang sa itlog, itom nga tinta, ug usa ka purpura ug kahel nga accent para sa display sa produkto.
- Awesomic — Editoryal nga zinc mesh nga adunay orange nga mga marka sa bantas nga nagpahinumdom sa confetti
- Monad — teknikal nga dyornal sa editoryal bahin sa mainit nga pergamino
- Dub — Panel sa pagkontrol sa matte rice paper sa Link
- Seline Analytics — Usa ka hilom nga analytical table sa init nga papel
- Notion — Usa ka mainit nga notebook nga papel sa udto
- Anthropic — Usa ka siyentipikong field journal sa init nga vellum—kalma nga garing nga mga nawong, serifed nga mga ulohan sa editoryal, ug usa ka accent nga lapok nga makita lamang kung kinahanglan ang aksyon.
- Augen Pro — Ang puti nga presentasyon sa Apple adunay klinikal, gaan, electric blue isip bugtong aksento sa usa ka monochrome nga espasyo.
- Antimetal — Usa ka kronika sa editoryal sa kremang papel—usa ka hilom nga buntag sa usa ka siyentipikong dyurnal, diin ang pagpugong nagpahayag sa pagsalig ug ang mga serif mao ang nagbuhat sa bug-at nga buluhaton
- Perk — Electric lime sa init nga parchment paper
- Ditto — Usa ka workshop nga gisidlakan sa adlaw nga naghimo og mga sample sa ihalas nga mga bulak. Mainit nga krema nga mga nawong, usa ka hayag nga dalag nga kolor sa base, lawom nga asul nga mga tinta, mga organikong kolor nga namulak sa luyo sa obra.
- Officevibe — Usa ka magasin nga editoryal sa init nga krema nga papel. Handurawa ang usa ka mahunahunaon nga sanaysay bahin sa pagdumala sa HR, nga gipresentar isip usa ka produkto—usa ka cursive serif font nga naghunghong pinaagi sa usa ka moderno nga asul nga interface.