Calendly
Mørkeblått blekk på kald marmor
Calendly føles som et rolig og selvsikkert planleggingsmiljø: et nesten hvitt lerret med god pusterom, skarpe hvite produktkort som svever mot en kjølig grå bakgrunn, og all typografi gjengitt i mørkeblått blekk i stedet for rent svart. Det definerende elementet er den mørkeblå fargen (#0b3558), som brukes overalt hvor tekst vises – overskrifter, knapper, ikoner, lenker – som myker opp hele grensesnittet og gjør det varmere og mer stilig enn den typiske SaaS-landingssiden. En enkelt lys blåfarge (#006bff) brukes til alle primære handlinger, og dekorative rosa og blå sprut som strekker seg utover produktlayoutene gir varme uten å skape rot. Komponentene er holdt diskrete: tynne 1px-kanter, subtile blåtonede skygger, store 24px-kortradier og 8px-knapphjørner føles bevisste snarere enn intetsigende.
Maksimal bredde 1200 piksler, sentrert, med brede marginer på skrivebordet. Hovedskjermen er delt inn i to kolonner: venstre kolonne inneholder en 80 pikslers topptekst + brødtekst + stablede innloggingsknapper, mens høyre kolonne inneholder et booking-widgetkort med dekorative elementer i bakgrunnen. Under hovedskjermen er det en enkelt stripe i full bredde med Trust-logoen. Etterfølgende seksjoner veksler mellom sentrerte topptekstblokker (H2 + undertekst + valgfri handlingsfremmende oppfordring), etterfulgt av blokker med to kolonner som beskriver funksjoner (tekst venstre/produkt høyre eller produkt venstre/tekst høyre) med dekorative aksentelementer bak hvert produktbilde. Kortrutenett brukes sjelden – oppsettet favoriserer parvise seksjoner plassert side om side i stedet for rutenett med flere kolonner. Avstanden mellom seksjonene varierer fra 48 til 64 piksler. Navigasjonen er en 64 pikslers fast topplinje med logoen til venstre, en sentrert meny og en gruppe handlingsfremmende oppfordringer til høyre.
Det viktigste visuelle elementet er produktskjermbilder – enkle modeller av brukergrensesnittet til bestillingskalenderen, gjengitt på skarpe hvite kort med brede, avrundede hjørner. Dekorativ design: hvert produktkort er omgitt av en myk flekk i koralllilla (#e55cff) eller asurblå (#0099ff), litt forskjøvet og uskarpt, noe som skaper en kollasjeffekt i stedet for et flatt skjermbilde. Ingen fotografier, ingen livsstilsbilder – alle visuelle elementer representerer produktets brukergrensesnitt, abstrakte aksentformer eller monokrome partnerlogoer på tillitslinjen. Ikonene er lineære med en linjebredde på 1,5–2 piksler, monokrome, i mørkeblått (Ink Navy) eller blått (Signal Blue).
Palett
Merke
- Ink Navy
#0b3558— Hovedtekst, overskrifter, ikoner, mørk bakgrunn for handlingsfremmende oppfordringer, navigasjonslenker. - Signal Blue
#006bff— Primær handlingsfremmende oppfordring (CTA), aktiv navigasjon, lenkevektlegging, valgte tilstander
Nøytral
- Carbon
#0a0a0a— Tekst i ren svart (reserve), logotegn, ikonfyll. - Slate Gray
#476788— Ekstra hovedtekst, støttetekst, dempede etiketter. - Mist Gray
#a6bbd1— Deaktivert tekst, etiketter for inaktive funksjoner, omriss av lysikoner - Cloud
#f8f9fb— Sidelerret, bunntekstbakgrunn, ekstra overflate - Paper
#ffffff— Kortflater, hevede paneler, knappetekst på mørk bakgrunn. - Pebble
#f0f3f8— Bakgrunnsbilder for ikoner, skyggelegging av inndatafelt, subtile skilletegn, sveveeffekter.
Typografi
fra 12 til 80 piksler · 10 trinn
- Gilroy — erstatning: Manrope · omriss 400, 500, 600, 700 · All grensesnitttekst. Gilroy er en geometrisk humanistisk sans-serif-skrift med brede blenderåpninger og jevn kontrast mellom strekene; dens fete vekter (700) brukes til overskrifter, mens 500–600 brukes til knapper og underoverskrifter. Erstatt med Manrope eller Inter.
- Gilroy — erstatning: Inter · omriss 400 · Brødtekst og generelle brukergrensesnittetiketter – 400-punkts skrifttykkelse sikrer at lange tekster er lesbare uten å føles tunge.
- Gilroy — erstatning: Inter · omriss 500 · Sekundære overskrifter og uthevet brødtekst – skrifttypen 14/500 er det primære verktøyet for kortoverskrifter og innebygde etiketter.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8-16px |
| Knapperadius | 8px |
| Kortradius | 24px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 48-64px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Calendly -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- ElevenLabs — Et fotoessay i varme kremfarger med diskré overskrifter. En notatbok i Bauhaus-stil – eggeskallfarget papir, svart blekk og en enkelt lilla og oransje aksent for produktfremvisning.
- Awesomic — Redaksjonelt sinknett med oransje tegnsettingstegn som minner om konfetti
- Monad — redaksjonell teknisk tidsskrift på varmt pergament
- Dub — Links kontrollpanel for matt rispapir
- Seline Analytics — Et stille analytisk bord på varmt papir
- Notion — En varm papirnotatbok i middagssolen
- Anthropic — Et vitenskapelig felttidsskrift på varmt vellum – rolige elfenbensfargede overflater, seriferte redaksjonelle overskrifter og en enkelt leireaksent som bare dukker opp når handling er nødvendig.
- Augen Pro — Apples hvite presentasjon har en klinisk, vektløs, elektrisk blåfarge som eneste aksent i et monokromt rom.
- Antimetal — En redaksjonell krønike på kremfarget papir – en stille morgen i et vitenskapelig tidsskrift, hvor tilbakeholdenhet formidler selvtillit og seriffer gjør det tunge arbeidet
- Perk — Elektrisk lime på varmt bakepapir
- Ditto — Et solfylt verksted som lager prøver av villblomster. Varme kremfargede overflater, en livlig gul grunnfarge, dyp marineblå blekk, organiske fargeformer som blomstrer bak verket.
- Officevibe — Et redaksjonelt magasin på varmt kremfarget papir. Se for deg et tankevekkende essay om HR-ledelse, presentert som et produkt – en kursiv serif-skrift som hvisker gjennom et moderne blått grensesnitt.