Calendly
Donkerblauwe inkt op koud marmer
Calendly voelt aan als een rustige, zelfverzekerde planningsomgeving: een bijna wit canvas met veel ruimte, helderwitte productkaarten die zweven tegen een koele grijze achtergrond en alle typografie weergegeven in donkerblauwe inkt in plaats van puur zwart. Het bepalende element is de donkerblauwe kleur (#0b3558), die overal wordt gebruikt waar tekst verschijnt – koppen, knoppen, pictogrammen, links – waardoor de hele interface zachter aanvoelt en warmer en stijlvoller is dan de typische SaaS-landingspagina. Een enkele helderblauwe kleur (#006bff) wordt gebruikt voor alle primaire acties, en decoratieve roze en blauwe accenten die buiten de productlay-outs uitsteken, voegen warmte toe zonder rommelig te worden. Componenten zijn ingetogen gehouden: dunne randen van 1px, subtiele blauwgetinte schaduwen, grote kaartradii van 24px en knophoeken van 8px voelen weloverwogen aan in plaats van saai.
Maximale breedte 1200px, gecentreerd, met brede marges op desktop. Het hoofdscherm is verdeeld in twee kolommen: de linker kolom bevat een koptekst van 80px + hoofdtekst + gestapelde inlogknoppen, terwijl de rechter kolom een widgetkaart voor boekingen bevat met decoratieve elementen op de achtergrond. Onder het hoofdscherm bevindt zich een enkele, over de volledige breedte lopende strook met het Trust-logo. De daaropvolgende secties wisselen af tussen gecentreerde koptekstblokken (H2 + subtekst + optionele call-to-action), gevolgd door blokken van twee kolommen die functies beschrijven (tekst links/product rechts of product links/tekst rechts) met decoratieve accentelementen achter elke productafbeelding. Kaartrasters worden zelden gebruikt; de lay-out geeft de voorkeur aan gekoppelde secties naast elkaar in plaats van rasters met meerdere kolommen. De afstand tussen secties varieert van 48 tot 64px. De navigatie bestaat uit een vaste bovenbalk van 64px met het logo links, een gecentreerd menu en een groep call-to-actions rechts.
Het belangrijkste visuele element zijn productscreenshots: eenvoudige mockups van de gebruikersinterface van de boekingskalender, weergegeven op helderwitte kaarten met brede, afgeronde hoeken. Decoratief ontwerp: elke productkaart is omgeven door een zachte vlek koraalpaars (#e55cff) of azuurblauw (#0099ff), licht verschoven en vervaagd, waardoor een collage-effect ontstaat in plaats van een platte screenshot. Geen foto's, geen lifestyle-afbeeldingen – alle visuele elementen vertegenwoordigen de gebruikersinterface van het product, abstracte accentvormen of monochrome partnerlogo's op de vertrouwensbalk. De pictogrammen zijn lineair met een lijnbreedte van 1,5–2 px, monochroom, in donkerblauw (Ink Navy) of blauw (Signal Blue).
Palet
Merk
- Ink Navy
#0b3558— Hoofdtekst, kopjes, pictogrammen, donkere achtergrond voor call-to-actions, navigatielinks. - Signal Blue
#006bff— Primaire oproep tot actie (CTA), actieve navigatie, nadruk op links, geselecteerde staten
Neutrale
- Carbon
#0a0a0a— Tekst in puur zwart (terugvaloptie), logo-glyph, pictogramvulling. - Slate Gray
#476788— Aanvullende hoofdtekst, ondersteunende tekst, gedempte labels. - Mist Gray
#a6bbd1— Uitgeschakelde tekst, labels voor inactieve functies, lichte pictogramcontouren - Cloud
#f8f9fb— Pagina-canvas, voettekstachtergrond, extra oppervlak - Paper
#ffffff— Kaartoppervlakken, reliëfpanelen, knoptekst op een donkere achtergrond. - Pebble
#f0f3f8— Achtergrondafbeeldingen voor pictogrammen, arcering van invoervelden, subtiele scheidingslijnen, hover-effecten.
Typografie
van 12 tot 80px · 10 stappen
- Gilroy — vervanging: Manrope · overzichten 400, 500, 600, 700 · Alle interfacetekst. Gilroy is een geometrisch humanistisch schreefloos lettertype met brede openingen en een uniform lijncontrast; de vetgedrukte varianten (700) worden gebruikt voor koppen, terwijl 500-600 worden gebruikt voor knoppen en subkoppen. Vervang door Manrope of Inter.
- Gilroy — vervanging: Inter · overzichten 400 · Hoofdtekst en algemene UI-labels - een letterdikte van 400 punten zorgt ervoor dat lange teksten leesbaar blijven zonder zwaar aan te voelen.
- Gilroy — vervanging: Inter · overzichten 500 · Secundaire kopjes en gemarkeerde hoofdtekst - lettertype 14/500 is het belangrijkste hulpmiddel voor kaartkopjes en inline labels.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-16px |
| Knopradius | 8px |
| Kaartradius | 24px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 48-64px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Calendly en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- ElevenLabs — Een fotoreportage in warme crèmekleuren met subtiele titels. Een notitieboek in Bauhaus-stijl – gebroken wit papier, zwarte inkt en een enkel paars en oranje accent voor productpresentatie.
- Awesomic — Redactioneel zinkgaas met oranje accenten die aan confetti doen denken
- Monad — redactioneel technisch tijdschrift op warm perkament
- Dub — Link's matte rijstpapier bedieningspaneel
- Seline Analytics — Een rustige, analytische tabel op warm papier.
- Notion — Een warm papieren notitieboekje in de middagzon.
- Anthropic — Een wetenschappelijk veldnotitieboek op warm perkamentpapier – rustige ivoorkleurige oppervlakken, redactionele koppen in schreeflettertype en een enkel klei-accent dat alleen verschijnt wanneer actie vereist is.
- Augen Pro — De witte presentatie van Apple kenmerkt zich door een klinisch, gewichtloos, elektrisch blauw als enig accent in een monochrome omgeving.
- Antimetal — Een redactioneel verslag op crèmekleurig papier – een rustige ochtend bij een wetenschappelijk tijdschrift, waar ingetogenheid vertrouwen uitstraalt en schreefletters het zware werk doen.
- Perk — Elektrisch kalk op warm perkamentpapier
- Ditto — Een zonovergoten atelier waar wilde bloemen worden geschilderd. Warme crèmekleurige oppervlakken, een levendige gele basiskleur, diep donkerblauwe inkt, organische kleurvormen die achter het werk tot bloei komen.
- Officevibe — Een redactioneel tijdschrift op warm crèmekleurig papier. Stel je een doordacht essay over HR-management voor, gepresenteerd als een product – een sierlijk schreeflettertype dat zachtjes door een moderne blauwe interface fluistert.