Calendly
Mørkeblå blæk på kold marmor
Calendly føles som et roligt og trygt planlægningsarbejdsområde: et næsten hvidt lærred med masser af plads, skarpe hvide produktkort, der flyder mod en kølig grå baggrund, og al typografi gengivet i en mørkeblå blæk i stedet for ren sort. Det definerende element er den mørkeblå farve (#0b3558), der bruges overalt, hvor tekst vises – overskrifter, knapper, ikoner, links – hvilket blødgør hele brugerfladen og gør den varmere og mere stilfuld end den typiske SaaS-landingsside. En enkelt klar blå farve (#006bff) bruges til alle primære handlinger, og dekorative lyserøde og blå stænk, der strækker sig ud over produktlayoutet, tilføjer varme uden at skabe rod. Komponenterne er holdt underspillede: tynde 1px-kanter, diskrete blåtonede skygger, store 24px-kortradier og 8px-knaphjørner føles bevidste snarere end intetsigende.
Maksimal bredde 1200px, centreret, med brede margener på skrivebordet. Hovedskærmen er opdelt i to kolonner: venstre kolonne indeholder en 80px header + brødtekst + stablede login-knapper, mens højre kolonne indeholder et booking-widgetkort med dekorative elementer i baggrunden. Under hovedskærmen er der en enkelt stribe i fuld bredde med Trust-logoet. Efterfølgende sektioner skifter mellem centrerede headerblokke (H2 + undertekst + valgfri opfordring til handling), efterfulgt af blokke med to kolonner, der beskriver funktioner (tekst til venstre/produkt til højre eller produkt til venstre/tekst til højre) med dekorative accentelementer bag hvert produktbillede. Kortgitre bruges sjældent – layoutet foretrækker parrede sektioner placeret side om side i stedet for gitre med flere kolonner. Afstanden mellem sektionerne varierer fra 48 til 64px. Navigationen er en 64px fast topbjælke med logoet til venstre, en centreret menu og en gruppe opfordringer til handling til højre.
Det primære visuelle element er produkt-screenshots – enkle mockups af bookingkalenderens brugergrænseflade, gengivet på skarpe hvide kort med brede, afrundede hjørner. Dekorativt design: Hvert produktkort er omgivet af en blød plet i korallilla (#e55cff) eller azurblå (#0099ff), let forskudt og sløret, hvilket skaber en collageeffekt snarere end et fladt screenshot. Ingen fotografier, ingen livsstilsbilleder – alle visuelle elementer repræsenterer produktets brugergrænseflade, abstrakte accentformer eller monokrome partnerlogoer på tillidslinjen. Ikonerne er lineære med en linjebredde på 1,5-2px, monokrome, i mørkeblå (Ink Navy) eller blå (Signal Blue).
Palet
Mærke
- Ink Navy
#0b3558— Hovedtekst, overskrifter, ikoner, mørk baggrund til opfordringer til handling, navigationslinks. - Signal Blue
#006bff— Primær opfordring til handling (CTA), aktiv navigation, linkfremhævelse, valgte tilstande
Neutral
- Carbon
#0a0a0a— Tekst i ren sort (reserve), logo-glyf, ikonudfyldning. - Slate Gray
#476788— Yderligere hovedtekst, supplerende tekst, dæmpede etiketter. - Mist Gray
#a6bbd1— Deaktiveret tekst, etiketter for inaktive funktioner, omrids af lysikoner - Cloud
#f8f9fb— Sidelærred, sidefodbaggrund, ekstra overflade - Paper
#ffffff— Kortoverflader, hævede paneler, knaptekst på en mørk baggrund. - Pebble
#f0f3f8— Baggrundsbilleder til ikoner, skyggelægning af inputfelter, diskrete separatorer, svævende effekter.
Typografi
fra 12 til 80px · 10 trin
- Gilroy — udskiftning: Manrope · konturer 400, 500, 600, 700 · Al grænsefladetekst. Gilroy er en geometrisk humanistisk sans-serif-skrift med brede blænder og ensartet stregkontrast; dens fede tykkelser (700) bruges til overskrifter, mens 500-600 bruges til knapper og underoverskrifter. Erstat med Manrope eller Inter.
- Gilroy — udskiftning: Inter · konturer 400 · Brødtekst og generelle brugergrænsefladeetiketter - 400-punkts skrifttykkelse sikrer, at lange tekster er læselige uden at føles tunge.
- Gilroy — udskiftning: Inter · konturer 500 · Sekundære overskrifter og fremhævet brødtekst - skrifttypen 14/500 er det primære værktøj til kortoverskrifter og indlejrede etiketter.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8-16px |
| Knapradius | 8px |
| Kortradius | 24px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 48-64px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Calendly -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- ElevenLabs — Et fotoessay i varme cremefarvede toner med diskrete overskrifter. En notesbog i Bauhaus-stil – æggeskalsfarvet papir, sort blæk og en enkelt lilla og orange accent til produktpræsentation.
- Awesomic — Redaktionelt zinknet med orange tegnsætningstegn, der minder om konfetti
- Monad — redaktionelt teknisk tidsskrift på varmt pergament
- Dub — Links kontrolpanel med mat rispapir
- Seline Analytics — Et stille analysebord på varmt papir
- Notion — En varm papirnotesbog i middagssolen
- Anthropic — Et videnskabeligt felttidsskrift på varmt pergament – rolige elfenbensfarvede overflader, seriferede redaktionelle overskrifter og en enkelt leraccent, der kun vises, når handling er nødvendig.
- Augen Pro — Apples hvide præsentation har en klinisk, vægtløs, elektrisk blå farve som den eneste accent i et monokromt rum.
- Antimetal — En redaktionel krønike på cremefarvet papir – en stille morgen i et videnskabeligt tidsskrift, hvor tilbageholdenhed udstråler selvtillid, og seriffer klarer det hårde arbejde.
- Perk — Elektrisk lime på varmt pergamentpapir
- Ditto — Et solbelyst værksted, der skaber prøver af vilde blomster. Varme cremefarvede overflader, en levende gul bundfarve, dyb marineblå blæk, organiske farveformer, der blomstrer bag værket.
- Officevibe — Et redaktionelt magasin på varmt cremefarvet papir. Forestil dig et tankevækkende essay om HR-ledelse, præsenteret som et produkt – en kursiv serif-skrifttype, der hvisker gennem en moderne blå brugerflade.