Calendly
Donkelblo Tënt op kalem Marmer
Calendly fillt sech wéi e rouegen, selbstbewossten Aarbechtsberäich fir d'Planung un: eng bal wäiss Leinwand mat vill Spillraum fir ze otmen, knackeg wäiss Produktkaarten, déi virun engem kale groe Hannergrond schwiewen, an all Typographie ass an enger donkelbloer Tënt amplaz vu purem Schwaarz duergestallt. Dat definéierend Element ass déi donkelblo Faarf (#0b3558), déi iwwerall benotzt gëtt, wou Text erschéngt - Iwwerschrëften, Knäppercher, Ikonen, Linken - wat déi ganz Interface mëll mécht a méi waarm a méi stilvoll mécht wéi déi typesch SaaS-Landungssäit. Ee eenzegt hellblott (#006bff) gëtt fir all primär Aktiounen benotzt, an dekorativ rosa a blo Sprëtzer, déi iwwer d'Produktlayouts erausgoen, addéieren Wäermt ouni Onrou ze schafen. D'Komponente sinn ënnerdréckt gehalen: dënn 1px-Ränner, subtil blo-getéinte Schied, grouss 24px-Kaarte-Radien an 8px-Knäppecker fille sech bewosst anstatt langweileg un.
Maximal Breet 1200px, zentréiert, mat breede Margen um Desktop. Den Haaptbildschierm ass an zwou Kolonnen opgedeelt: déi lénks Kolonn enthält en 80px Header + Kierpertext + gestapelte Login-Knäppercher, während déi riets Kolonn eng Buchungs-Widget-Kaart mat dekorativen Elementer am Hannergrond enthält. Ënnert dem Haaptbildschierm ass e puer Sträifen a voller Breet mam Trust Logo. Déi folgend Sektiounen wiesselen tëscht zentréierten Headerblöcken (H2 + Ënnertext + optionalen Opruff zur Handlung), gefollegt vun zwou-Kolonnen-Blöcken, déi Funktiounen beschreiwen (Text lénks/Produkt riets oder Produkt lénks/Text riets) mat dekorativen Akzentelementer hannert all Produktbild. Kaartegitter ginn selten benotzt - de Layout favoriséiert gepaarte Sektiounen, déi niewentenee placéiert sinn, anstatt Multi-Kolonnen-Gitter. Den Ofstand tëscht de Sektiounen läit tëscht 48 an 64px. D'Navigatioun ass eng 64px fix iewescht Leescht mam Logo lénks, engem zentréierte Menü an enger Grupp vun Opruff zur Handlung riets.
Dat visuellt Haaptelement si Produkt-Screenshots – einfach Mockups vun der Benotzerinterface vum Buchungskalenner, déi op wäisse Kaarte mat breede, ofgerundeten Ecker duergestallt ginn. Dekorativen Design: all Produktkaart ass vun engem mëllen Fleck a Korallviolett (#e55cff) oder Azurblo (#0099ff) ëmginn, liicht verréckelt a verschwommen, wat e Collage-Effekt anstatt e flaache Screenshot erstellt. Keng Fotoen, keng Lifestyle-Biller – all visuell Elementer representéieren d'Benotzerinterface vum Produkt, abstrakt Akzentformen oder monochrom Partnerlogoen op der Vertrauensbar. D'Ikone si linear mat enger Linnbreet vun 1,5–2px, monochrom, an donkelblo (Ink Navy) oder blo (Signalblo).
Palette
Mark
- Ink Navy
#0b3558— Haapttext, Iwwerschrëften, Ikonen, donkelen Hannergrond fir Handlungsaufruff, Navigatiounslinken. - Signal Blue
#006bff— Primären Opruff zur Handlung (CTA), aktiv Navigatioun, Linkbetounung, ausgewielte Staaten
Neutral
- Carbon
#0a0a0a— Text a purem Schwaarz (Fallback), Logo-Glyph, Ikonenfëllung. - Slate Gray
#476788— Zousätzlechen Haapttext, ënnerstëtzenden Text, gedämpft Etiketten. - Mist Gray
#a6bbd1— Deaktivéierten Text, Etiketten mat inaktiven Funktiounen, Konturen vun de Liichtsymboler - Cloud
#f8f9fb— Säit Leinwand, Fousszeil Hannergrond, extra Uewerfläch - Paper
#ffffff— Kaarteflächen, erhiewte Paneele, Knäppchentext op engem donkelen Hannergrond. - Pebble
#f0f3f8— Hannergrondbiller fir Ikonen, Schattéierung vun Inputfelder, subtil Trennwénkel, Hover-Effekter.
Typographie
vun 12 bis 80px · 10 Schrëtt
- Gilroy — Ersatz: Manrope · Konturen 400, 500, 600, 700 · All Interface-Text. Gilroy ass e geometreschen humanistesche Sans-Serif mat breede Blenderen an engem eenheetleche Strichkontrast; seng fettgedréckte Gewiichter (700) gi fir Iwwerschrëften benotzt, während 500–600 fir Knäppercher an Ënneriwwerschrëften benotzt ginn. Ersetzt duerch Manrope oder Inter.
- Gilroy — Ersatz: Inter · Konturen 400 · Kierpertext an allgemeng UI-Etiketten - Eng Schrëftgewiicht vu 400 Punkte garantéiert datt laang Texter liesbar sinn, ouni schwéier ze wierken.
- Gilroy — Ersatz: Inter · Konturen 500 · Sekundär Iwwerschrëften an ervirgehuewenen Kierpertext - D'Schrëft 14/500 ass dat primärt Instrument fir Kaarteniwwerschrëften an Inline-Etiketten.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8-16px |
| Knäppchenradius | 8px |
| Kaarteradius | 24px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 48-64px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Calendly op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- ElevenLabs — E Fotoessay a waarme Crèmetéin mat subtile Schlagzeilen. En Notizbuch am Bauhaus-Stil - Eeërschuelfaarwegt Pabeier, schwaarz Tënt an een eenzege violette an orange Akzent fir d'Produktpresentatioun.
- Awesomic — Redaktiounszinknetz mat orange Punktuatiounszeechen, déi u Konfetti erënneren
- Monad — redaktionell technesch Zäitschrëft op waarmem Pergament
- Dub — Link säi Kontrollpanel aus matte Räispabeier
- Seline Analytics — Eng roueg analytesch Tabelle op waarmem Pabeier
- Notion — E waarme Pabeiernotizbuch an der Mëttesonn
- Anthropic — Eng wëssenschaftlech Feldzäitschrëft op waarmem Pergament - roueg elfenbeinfaarweg Uewerflächen, schifereg Editorial-Iwwerschrëften an een eenzegen Tounakzent, deen nëmmen erschéngt, wann Handlung néideg ass.
- Augen Pro — Apple seng wäiss Presentatioun weist e klineschen, gewichtslose, elektresche Blo als eenzegen Akzent an engem monochrome Raum.
- Antimetal — Eng redaktionell Chronik op cremefaarwegem Pabeier - e rouege Moien an enger wëssenschaftlecher Zäitschrëft, wou Zréckhaltung Selbstvertrauen ausstraalt a Serifen déi schwéier Aarbecht maachen.
- Perk — Elektresch Kalk op waarmem Bakpabeier
- Ditto — E sonnebeliichte Workshop fir d'Erstelle vu Wildblummenprouwen. Waarm Crème-Uewerflächen, eng lieweg giel Basisfaarf, déif marineblo Tënten, organesch Faarfformen, déi hannert dem Stéck bléien.
- Officevibe — Eng redaktionell Zäitschrëft op waarmem crèmefaarwege Pabeier. Stellt Iech en nodenklechen Essay iwwer HR-Management vir, deen als Produkt presentéiert gëtt - eng Schrëft mat Serif, déi duerch eng modern blo Interface flüstert.