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
- Mollie — In kasjmier teller, in tsjuster grutboek. Lit genôch wite romte oer foar redaksjoneel ûntwerp om 'e swarte tekst hinne, en fersterkje dan produktrelatearre punten mei waarme crèmes, espressobrowns en taktile foto's fan werklike betelmethoden.
- Kagi — In aparte lêskeamer. Meitsje in iepen wite romte om fetdrukte grafyttekst hinne, mei subtile pearse aksinten en waarme pastelkleurige oerflakken om de rêst te ûnderbrekken.
- Milanote — Milanote is in tawijde kreative studio. Meitsje redaksjonele galery-styl siden mei driuwende fisuele boerden: donkere framed muorren, wite werjefteromte en skermôfbyldings dy't lykje op echte objekten mei in sêfte djipte.
- Co2 — In klimaatatlas yn winterljocht. Meitsje siden lykas in lânskip fan loftdokuminten, wêr't serif-koppen, kategorykodearre gegevens en izige ôfbyldings brede wite marzjes markearje.
- GitButler — Turkoois oan 'e ein fan 'e tekst. In kombinaasje fan serif-koppen mei hege kontrast mei subtile technyske rasters, waarme grafyt-oerflakken en in diskreet turkoois aksint.
- 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.