Calendly
Donkerblou ink op koue marmer
Calendly voel soos 'n kalm, selfversekerde beplanningswerkruimte: 'n amper-wit doek met baie asemhalingsruimte, skerp wit produkkaarte wat teen 'n koel grys agtergrond sweef, en alle tipografie word in 'n donkerblou ink eerder as suiwer swart weergegee. Die bepalende element is die donkerblou kleur (#0b3558), wat oral gebruik word waar teks verskyn - opskrifte, knoppies, ikone, skakels - wat die hele koppelvlak versag, wat dit warmer en meer stylvol maak as die tipiese SaaS-bestemmingsblad. 'n Enkele helderblou (#006bff) word vir alle primêre aksies gebruik, en dekoratiewe pienk en blou spatsels wat verder as die produkuitlegte strek, voeg warmte by sonder om rommel te skep. Komponente word onderskat gehou: dun 1px-randjies, subtiele blougetinte skaduwees, groot 24px-kaartradius en 8px-knoppiehoeke voel doelbewus eerder as vaal.
Maksimum breedte 1200px, gesentreer, met wye marges op die lessenaar. Die hoofskerm is in twee kolomme verdeel: die linkerkolom bevat 'n 80px-kopteks + liggaamsteks + gestapelde aanmeldknoppies, terwyl die regterkolom 'n besprekingswidgetkaart met dekoratiewe elemente in die agtergrond bevat. Onder die hoofskerm is 'n enkele, volwydte streep met die Trust-logo. Daaropvolgende afdelings wissel tussen gesentreerde kopblokke (H2 + subteks + opsionele oproep tot aksie), gevolg deur tweekolomblokke wat kenmerke beskryf (teks links/produk regs of produk links/teks regs) met dekoratiewe aksentelemente agter elke produkbeeld. Kaartroosters word selde gebruik - die uitleg verkies gepaarde afdelings wat langs mekaar geplaas word eerder as multikolomroosters. Die spasiëring tussen afdelings wissel van 48 tot 64px. Die navigasie is 'n 64px vaste boonste balk met die logo aan die linkerkant, 'n gesentreerde spyskaart en 'n groep oproepe tot aksie aan die regterkant.
Die belangrikste visuele element is produkskermkiekies—eenvoudige modelle van die besprekingskalender se gebruikerskoppelvlak, weergegee op skerp wit kaarte met wye, afgeronde hoeke. Dekoratiewe ontwerp: elke produkkaart word omring deur 'n sagte kol koraalpers (#e55cff) of asuurblou (#0099ff), effens verskuif en vaag, wat 'n collage-effek skep eerder as 'n plat skermkiekie. Geen foto's, geen leefstylbeelde nie—alle visuele elemente verteenwoordig die produk se gebruikerskoppelvlak, abstrakte aksentvorms of monochroom vennootlogo's op die vertrouensbalk. Ikone is lineêr met 'n lynwydte van 1.5–2px, monochroom, in donkerblou (Ink Navy) of blou (Signal Blue).
Palet
Handelsmerk
- Ink Navy
#0b3558— Hoofteks, opskrifte, ikone, donker agtergrond vir oproepe tot aksie, navigasieskakels. - Signal Blue
#006bff— Primêre oproep tot aksie (CTA), aktiewe navigasie, skakelbeklemtoning, geselekteerde toestande
Neutraal
- Carbon
#0a0a0a— Teks in suiwer swart (terugval), logo-glief, ikoonvulsel. - Slate Gray
#476788— Bykomende hoofteks, ondersteunende teks, gedempte etikette. - Mist Gray
#a6bbd1— Gedeaktiveerde teks, onaktiewe funksie-etikette, ligikoon-omlyning - Cloud
#f8f9fb— Bladsydoek, voetskrifagtergrond, ekstra oppervlak - Paper
#ffffff— Kaartoppervlaktes, verhoogde panele, knoppieteks op 'n donker agtergrond. - Pebble
#f0f3f8— Agtergrondbeelde vir ikone, invoerveldskaduwing, subtiele skeidings, sweefeffekte.
Tipografie
van 12 tot 80px · 10 stappe
- Gilroy — vervanging: Manrope · buitelyne 400, 500, 600, 700 · Alle koppelvlakteks. Gilroy is 'n geometriese humanistiese sans-serif met wye openinge en eenvormige strokekontras; die vetgedrukte gewigte (700) word vir opskrifte gebruik, terwyl 500–600 vir knoppies en subopskrifte gebruik word. Vervang met Manrope of Inter.
- Gilroy — vervanging: Inter · buitelyne 400 · Liggaamsteks en algemene gebruikerskoppelvlak-etikette - 400-punt lettertipe gewig verseker dat lang tekste leesbaar is sonder om swaar te voel.
- Gilroy — vervanging: Inter · buitelyne 500 · Sekondêre opskrifte en uitgeligte liggaamsteks - 14/500-lettertipe is die primêre hulpmiddel vir kaartopskrifte en inlyn-etikette.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8-16px |
| Knoppieradius | 8px |
| Kaartradius | 24px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 48-64px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Calendly -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- ElevenLabs — 'n Foto-essay in warm roomkleure met subtiele opskrifte. 'n Bauhaus-styl notaboek—eierdopkleurige papier, swart ink en 'n enkele pers en oranje aksent vir produkuitstalling.
- Awesomic — Redaksionele sinkgaas met oranje leestekens wat aan konfetti herinner
- Monad — redaksionele tegniese tydskrif op warm perkament
- Dub — Link se mat ryspapier-beheerpaneel
- Seline Analytics — 'n Stil analitiese tafel op warm papier
- Notion — 'n Warm papiernotaboek in die middagson
- Anthropic — 'n Wetenskaplike veldjoernaal op warm vellum—kalm ivoorkleurige oppervlaktes, gesiferde redaksionele opskrifte en 'n enkele klei-aksent wat slegs verskyn wanneer aksie nodig is.
- Augen Pro — Apple se wit aanbieding bevat 'n kliniese, gewiglose, elektriese blou as die enigste aksent in 'n monochroom ruimte.
- Antimetal — 'n Redaksionele kroniek op roomkleurige papier—'n stil oggend by 'n wetenskaplike tydskrif, waar terughoudendheid selfvertroue oordra en serifs die swaar werk doen.
- Perk — Elektriese lemmetjie op warm perkamentpapier
- Ditto — 'n Sonverligte werkswinkel wat veldblommonsters skep. Warm roomkleurige oppervlaktes, 'n heldergeel basiskleur, diep vlootblou ink, organiese kleurvorms wat agter die stuk blom.
- Officevibe — 'n Redaksionele tydskrif op warm roomkleurige papier. Stel jou 'n deurdagte opstel oor menslike hulpbronbestuur voor, aangebied as 'n produk—'n kursief-serif-lettertipe wat deur 'n moderne blou koppelvlak fluister.