Calendly
Donkerblauwe inket op kâld moarmer
Calendly fielt as in rêstige, selsbewuste planningswurkromte: in hast wyt doek mei in soad sykhelromte, skerpe wite produktkaarten dy't tsjin in koele grize eftergrûn sweve, en alle typografy werjûn yn in donkerblauwe inket ynstee fan suver swart. It definiearjende elemint is de donkerblauwe kleur (#0b3558), dy't oeral brûkt wurdt dêr't tekst ferskynt - koppen, knoppen, ikoanen, keppelings - wat de heule ynterface sêfter makket, wêrtroch it waarmer en stijlvoller is as de typyske SaaS-lâningsside. In inkele helderblauwe kleur (#006bff) wurdt brûkt foar alle primêre aksjes, en dekorative rôze en blauwe spatten dy't bûten de produktlayouts útstekke, foegje waarmte ta sûnder rommel te meitsjen. Komponinten wurde ûnderbelichte hâlden: tinne 1px-rânen, subtile blau-tinte skaden, grutte 24px-kaartradii en 8px-knophoeken fiele bewust ynstee fan saai.
Maksimale breedte 1200px, sintraal, mei brede marzjes op buroblêd. It haadskerm is ferdield yn twa kolommen: de lofterkolom befettet in 80px koptekst + lichemstekst + stapele oanmeldknoppen, wylst de rjochterkolom in boekingswidgetkaart befettet mei dekorative eleminten op 'e eftergrûn. Under it haadskerm is in inkele stripe oer folsleine breedte mei it Trust-logo. Folgjende seksjes wikselje ôf tusken sintraal koptekstblokken (H2 + subtekst + opsjonele oprop ta aksje), folge troch blokken fan twa kolommen dy't funksjes beskriuwe (tekst lofts/produkt rjochts of produkt lofts/tekst rjochts) mei dekorative aksint-eleminten efter elke produktôfbylding. Kaartrasters wurde selden brûkt - de yndieling jout de foarkar oan pearde seksjes dy't neist elkoar pleatst binne ynstee fan rasters mei meardere kolommen. De ôfstân tusken seksjes farieart fan 48 oant 64px. De navigaasje is in fêste boppeste balke fan 64px mei it logo oan 'e lofterkant, in sintraal menu en in groep oprop ta aksje oan 'e rjochterkant.
It wichtichste fisuele elemint binne produkt-screenshots - ienfâldige mockups fan 'e brûkersynterface fan' e boekingskalinder, werjûn op skerpe wite kaarten mei brede, rûne hoeken. Dekoratyf ûntwerp: elke produktkaart wurdt omjûn troch in sêft plak fan koraalpears (#e55cff) of azuerblau (#0099ff), wat offset en wazig, wêrtroch in collage-effekt ûntstiet ynstee fan in platte skermôfbylding. Gjin foto's, gjin libbensstylôfbyldings - alle fisuele eleminten fertsjintwurdigje de brûkersynterface fan it produkt, abstrakte aksintfoarmen, of monochrome partnerlogo's op 'e fertrouwensbalke. Ikoanen binne lineêr mei in linebreedte fan 1,5-2px, monochroom, yn donkerblau (Ink Navy) of blau (Signal Blue).
Palet
Merk
- Ink Navy
#0b3558— Haadtekst, kopteksten, ikoanen, donkere eftergrûn foar oprop ta aksje, navigaasjekeppelings. - Signal Blue
#006bff— Primêre oprop ta aksje (CTA), aktive navigaasje, keppelingbeklamming, selektearre steaten
Neutraal
- Carbon
#0a0a0a— Tekst yn suver swart (fallback), logo-glyph, ikoanopfolling. - Slate Gray
#476788— Ekstra haadtekst, stypjende tekst, gedempte labels. - Mist Gray
#a6bbd1— Útskeakele tekst, labels foar ynaktive funksjes, omtrek fan ljochte ikoanen - Cloud
#f8f9fb— Sidedoek, fuottekst eftergrûn, ekstra oerflak - Paper
#ffffff— Kaartoerflakken, ferhege panielen, knoptekst op in donkere eftergrûn. - Pebble
#f0f3f8— Eftergrûnôfbyldings foar ikoanen, ynfierfjildskaduw, subtile skiedingstekens, sweefeffekten.
Typografy
fan 12 oant 80px · 10 stappen
- Gilroy — ferfanging: Manrope · sketsen 400, 500, 600, 700 · Alle ynterfacetekst. Gilroy is in geometrysk humanistysk sans-serif mei brede iepeningen en unifoarm streekkontrast; de fetdrukte gewichten (700) wurde brûkt foar kopteksten, wylst 500–600 brûkt wurde foar knoppen en subkopteksten. Ferfange mei Manrope of Inter.
- Gilroy — ferfanging: Inter · sketsen 400 · Lichaamstekst en algemiene brûkersynterface-labels - in lettertypegewicht fan 400 punten soarget derfoar dat lange teksten lêsber binne sûnder swier oan te fielen.
- Gilroy — ferfanging: Inter · sketsen 500 · Sekundêre kopteksten en markearre lichemstekst - lettertype 14/500 is it primêre ark foar kaartkoppen en inline-labels.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-16px |
| Knopradius | 8px |
| Kaartradius | 24px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 48-64px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Calendly -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- ElevenLabs — In foto-essay yn waarme crèmekleurige toanen mei subtile koppen. In notebook yn Bauhaus-styl - aai-skulpkleurich papier, swarte inket, en in inkele pearse en oranje aksint foar produktwerjefte.
- Awesomic — Redaksjoneel sinkgaas mei oranje leestekens dy't tinken dogge oan konfetti
- Monad — redaksjoneel technysk tydskrift op waarm perkament
- Dub — Link's matte ryspapier kontrôlepaniel
- Seline Analytics — In rêstige analytyske tafel op waarm papier
- Notion — In waarm papieren notebook yn 'e middeis sinne
- Anthropic — In wittenskiplik fjildtydskrift op waarm vellum - rêstige ivoaren oerflakken, serifisearre redaksjonele koppen, en in ienich klaaiaksint dat allinich ferskynt as aksje nedich is.
- Augen Pro — De wite presintaasje fan Apple hat in klinysk, gewichtleas, elektrysk blau as it ienige aksint yn in monochrome romte.
- Antimetal — In redaksjonele kronyk op crèmekleurich papier - in rêstige moarn yn in wittenskiplik tydskrift, dêr't beheining fertrouwen útstraalt en serifs it swiere wurk dogge
- Perk — Elektryske limoen op waarm perkamentpapier
- Ditto — In sinneferljochte workshop dy't foarbylden fan wylde blommen makket. Waarme crèmekleurige oerflakken, in libbene giele basiskleur, djip marineblauwe inkten, organyske kleurfoarmen dy't efter it stik bloeie.
- Officevibe — In redaksjoneel tydskrift op waarm crèmekleurich papier. Stel jo in neitocht essay foar oer HR-behear, presintearre as in produkt - in kursive serif-lettertype dat flústeret troch in moderne blauwe ynterface.