Calendly
Tmavě modrý inkoust na studeném mramoru
Calendly působí jako klidný a sebevědomý pracovní prostor pro plánování: téměř bílé plátno s dostatkem prostoru pro dýchání, svěží bílé karty produktů plovoucí na chladném šedém pozadí a veškerá typografie vykreslená tmavě modrým inkoustem namísto čistě černé. Určujícím prvkem je tmavě modrá barva (#0b3558), která se používá všude, kde se objevuje text – nadpisy, tlačítka, ikony, odkazy – a zjemňuje celé rozhraní, díky čemuž je teplejší a stylovější než typická vstupní stránka SaaS. Pro všechny primární akce se používá jedna jasně modrá barva (#006bff) a dekorativní růžové a modré cákance přesahující rozvržení produktů dodávají teplo, aniž by vytvářely nepořádek. Komponenty jsou decentní: tenké okraje o tloušťce 1px, jemné modré stíny, velké poloměry karet o tloušťce 24px a rohy tlačítek o tloušťce 8px působí spíše záměrně než nevýrazně.
Maximální šířka 1200 pixelů, zarovnáno na střed, s širokými okraji na ploše. Hlavní obrazovka je rozdělena do dvou sloupců: levý sloupec obsahuje 80pixelovou záhlaví + text těla + skládaná přihlašovací tlačítka, zatímco pravý sloupec obsahuje kartu rezervačního widgetu s dekorativními prvky na pozadí. Pod hlavní obrazovkou je jeden pruh o celé šířce s logem Trust. Následné sekce se střídají mezi centrovanými bloky záhlaví (H2 + podtext + volitelná výzva k akci), následovanými dvousloupcovými bloky popisujícími funkce (text vlevo/produkt vpravo nebo produkt vlevo/text vpravo) s dekorativními akcentními prvky za každým obrázkem produktu. Mřížky karet se používají zřídka – rozvržení upřednostňuje párové sekce umístěné vedle sebe spíše než vícesloupcové mřížky. Rozteč mezi sekcemi se pohybuje od 48 do 64 pixelů. Navigace je tvořena 64pixelovou pevnou horní lištou s logem vlevo, centrovanou nabídkou a skupinou výzev k akci vpravo.
Hlavním vizuálním prvkem jsou snímky obrazovky produktů – jednoduché makety uživatelského rozhraní rezervačního kalendáře, vykreslené na zářivě bílých kartách se širokými, zaoblenými rohy. Dekorativní design: každá karta produktu je obklopena jemnou skvrnou korálově fialové (#e55cff) nebo azurově modré (#0099ff), mírně odsazenou a rozmazanou, čímž vytváří spíše kolážový efekt než plochý snímek obrazovky. Žádné fotografie, žádné obrázky životního stylu – všechny vizuální prvky představují uživatelské rozhraní produktu, abstraktní akcentové tvary nebo monochromatická loga partnerů na liště důvěryhodnosti. Ikony jsou lineární s šířkou čáry 1,5–2 pixelů, černobílé, v tmavě modré (Ink Navy) nebo modré (Signal Blue).
Paleta
Značka
- Ink Navy
#0b3558— Hlavní text, nadpisy, ikony, tmavé pozadí pro výzvy k akci, navigační odkazy. - Signal Blue
#006bff— Primární výzva k akci (CTA), aktivní navigace, zdůraznění odkazu, vybrané stavy
Neutrální
- Carbon
#0a0a0a— Text v čistě černé barvě (záložní), logotyp, výplň ikonou. - Slate Gray
#476788— Doplňující hlavní text, podpůrný text, ztlumené popisky. - Mist Gray
#a6bbd1— Zakázaný text, popisky neaktivních funkcí, obrysy světelných ikon - Cloud
#f8f9fb— Plátno stránky, pozadí zápatí, další povrch - Paper
#ffffff— Povrchy karet, vyvýšené panely, text tlačítek na tmavém pozadí. - Pebble
#f0f3f8— Obrázky na pozadí pro ikony, stínování vstupních polí, jemné oddělovače, efekty při najetí myší.
Typografie
od 12 do 80px · 10 kroků
- Gilroy — nahrazení: Manrope · obrysy 400, 500, 600, 700 · Veškerý text rozhraní. Gilroy je geometrické humanistické bezpatkové písmo se širokými otvory a rovnoměrným kontrastem tahů; jeho tučné tloušťky (700) se používají pro nadpisy, zatímco 500–600 se používá pro tlačítka a podnadpisy. Nahraďte písmem Manrope nebo Inter.
- Gilroy — nahrazení: Inter · obrysy 400 · Text těla a univerzální popisky uživatelského rozhraní – tloušťka písma 400 bodů zajišťuje čitelnost dlouhých textů bez pocitu těžkopádnosti.
- Gilroy — nahrazení: Inter · obrysy 500 · Sekundární nadpisy a zvýrazněný text – písmo 14/500 je primárním nástrojem pro nadpisy karet a vložené popisky.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-16px |
| Poloměr tlačítka | 8px |
| Poloměr karty | 24px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 48-64px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Calendly a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Mollie — Kašmírový pult, tmavá účetní kniha. Kolem černého textu nechte dostatek bílého prostoru pro redakční design a poté zdůrazněte body související s produktem teplými krémovými, espresso hnědými odstíny a hmatovými fotografiemi skutečných platebních metod.
- Kagi — Samostatná čítárna. Vytvořte otevřený bílý prostor kolem výrazného grafitového textu s použitím jemných fialových akcentů a teplých pastelových povrchů, které naruší klid.
- Milanote — Milanote je specializované kreativní studio. Vytvářejte stránky ve stylu redakční galerie pomocí plovoucích vizuálních tabulí: tmavě zarámované stěny, bílý zobrazovací prostor a snímky obrazovky, které vypadají jako skutečné objekty s jemnou hloubkou.
- Co2 — Klimatický atlas v zimním světle. Vytvořte stránky jako leteckou krajinu dokumentů, kde patkové nadpisy, data kódovaná podle kategorií a ledové obrázky zvýrazňují široké bílé okraje.
- GitButler — Tyrkysová na konci textu. Kombinace kontrastních patkových titulků s jemnými technickými mřížkami, teplými grafitovými povrchy a decentním tyrkysovým akcentem.
- ElevenLabs — Fotoesej v teplých krémových tónech s decentními nadpisy. Zápisník ve stylu Bauhausu – papír barvy vaječné skořápky, černý inkoust a jeden fialovooranžový akcent pro vystavení produktů.
- Awesomic — Redakční zinková síťovina s oranžovými interpunkčními znaménky připomínajícími konfety
- Monad — redakční technický časopis na teplém pergamenu
- Dub — Ovládací panel Link z matného rýžového papíru
- Seline Analytics — Tichý analytický stůl na teplém papíře
- Notion — Teplý papírový zápisník v polední slunci
- Anthropic — Vědecký časopis z oblasti teplého pergamenu – klidné slonovinové povrchy, patkové úvodní nadpisy a jediný hliněný akcent, který se objevuje pouze tehdy, když je potřeba něco udělat.