Cursor
Útulná pergamenová dílna, osvětlená doutnajícím uhlím
Cursor používá teplou typografii podobnou pergamenu: krémové plátno, inkoustově černý text a jediný ohnivě oranžový akcent, který aktivuje odkazy a výběry, nikoli vyplňující tlačítka. Nadpisy, nastavené v CursorGothic s tloušťkou 400, mají s rostoucí velikostí postupně se zmenšující rozteč písmen – autority se dosahuje zdrženlivostí a tenkými tloušťkami písmen spíše než tučností. Povrchy jsou ploché a papírové, s tenkými okraji a měkkými, teplými šedými stíny; rohy zůstávají v celém textu ostré s tloušťkou 4px. EB Garamond se selektivně používá pro podnadpisy a prózu, zatímco berkeleyMono se stará o kód, tagy a metadata, což systému dává typografickou osobnost, která působí spíše jako literární časopis než SaaS dashboard.
Maximální šířka: 1300 pixelů na střed, okraj 24 pixelů. Horní navigace: 52 pixelů vysoká průhledná hlavička s logem a textovou značkou vlevo, 4 centrované navigační odkazy, cluster „Přihlásit se / Kontakt / Stáhnout“ zarovnaný vpravo. Hlavní panel: Záhlaví zarovnané vlevo + dvojitý blok s výzvou k akci s textem směřujícím zleva nahoře, poté maketa produktu v plné šířce, která se rozprostírá přes celou šířku stránky. Proužek důvěryhodnosti: Jedna vodorovná řada 8 dlaždic s logem v jednom řádku přes šířku sekce. Sekce s hlavními prvky se střídají s textem vlevo a snímkem obrazovky vpravo ve dvousloupcovém rozvržení, každá 50/50, s vertikálním rytmem 64-96 pixelů mezi sekcemi. Všechny snímky obrazovky s hlavními prvky jsou makety oken s identickým stylem macOS. Zápatí: Čtyřsloupcová mřížka odkazů se značkou značky vlevo. Sekce jsou odděleny dostatečným prostorem pro dýchání, nikoli přepážkami – oddělení zajišťuje samotné krémové plátno.
Ústředním bodem jsou snímky obrazovky produktu: velké makety oken macOS ukazující Cursor IDE v akci: karty souborů, zobrazení rozdílů, plány agentů, terminálové panely a integrace Slack/chat. Každá maketa okna je orámována kartou #f2f1ed s jemným, teplým kontrastem. Tlumená fotografie krajiny (hory/pouštní horizont) přesahuje hlavní část a dodává jí teplo, aniž by konkurovala uživatelskému rozhraní. Loga klientů ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) jsou prezentována jako monochromatická písmena uvnitř pilulovitých dlaždic z plátna. Nejsou zde žádné fotografie lidí, ilustrace ani abstraktní dekorativní grafické prvky – veškerá vizuální váha je zaměřena na uživatelské rozhraní a branding produktu. Ikony jsou tenké, monolineární glyfy vyplněné barvou #7a7974 Ash, nikdy nejsou chromatické.
Paleta
Neutrální
- Ink
#26251e— Primární text, pozadí primárního akčního tlačítka, navigační text - teplý, téměř černý odstín, nikdy čistý #000 - Parchment
#f7f7f4— Pozadí stránky, hlavní plátno, je v teplém krémovém odstínu, který změkčuje kontrast a vytváří spíše dojem inkoustového než digitálního tisku. - Bone
#f2f1ed— Kartonové povrchy a vyvýšené nádoby, o jeden tón tmavší než plátno, vytvářejí vrstevnatý, bezokrajový efekt „papíru na papíře“. - Linen
#e6e5e0— Světlá neutrální výplň pro tlačítka na tmavých površích. - Stone
#cdcdc9— Tenké okraje, děliče, jemné přepážky – čáry o tloušťce 1px v teplých tónech - Mist
#a1a19f— Pomocný text třetí úrovně, titulky - mezi ztlumeným a sekundárním textem.
Typografie
od 12 do 72 pixelů · 6 kroků
- CursorGothic — nahrazení: Inter · obrysy 400, 500 · Primární písmo pro uživatelské rozhraní, nadpisy, navigaci, text textu a design produktu. Nadpisy s tloušťkou 400 bodů a postupně se snižujícím roztečem písmen (-0,005 em při 22 px → -0,03 em při 72 px) jsou charakteristickým rysem písma: nadpisy nejsou nikdy tučné. Funkce písma ss08, ss09 a tnum aktivují stylistické alternativy a tabulkové obrázky.
- EB Garamond — nahrazení: Iowan Old Style · obrysy 400, 500 · CursorGothic, redakční patkové písmo pro jednotlivé podnadpisy, text a tabulková data, dodává rozhraní literární nádech.
- berkeleyMono — nahrazení: ui-monospace · obrysy 400, 500 · Monospace – pro bloky kódu, úryvky příkazového řádku, metadata, cesty k souborům a popisky vývojářů – technický jazyk.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8px |
| Poloměr tlačítka | 4px |
| Poloměr karty | 4px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64-96px |
| Šířka stránky | 1300px |
Umělá inteligence vám vytvoří web ve stylu Cursor 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
- Amplemarket — Sluncem zalité pracoviště poseté konfetami
- Getharvest — Stůl ve zlaté hodince – teplé krémové plátno, na plátně zavěšené bílé pohlednice a jediný jasně oranžový plamen
- Drive Capital — Retro plakát s výletem na teplém papíře
- Wealthsimple — Sklad s kašmírovou podšívkou a galerijním osvětlením
- Huddle — Pastelové inventární karty na krémovém papíře
- Fuser — Roztroušené polaroidy na pracovní stěně designéra
- Campsite — Sluncem zalité redaktorské pracoviště - teplý krémový papír s jedním oranžovým razítkem s intentem
- Redis Agency — Redakční dílna, otevřená i po pracovní době, je temné místo, kde se veškerá brandingová práce provádí pomocí patkových fontů a jediné červené ředkvičky.
- AI Product Generation — Redakční fotografický ateliér na bílém papíře - název jako obálka, oranžová barva pro redakční zvýraznění
- Getanchor — Teplý terakotový odstín na sluncem vybledlém krémovém pozadí
- Flatfile — Tichý datový deník na teplém pergamenu
- Inthememory — Architektonická kresba na bílém mramoru s jediným teplým světlem. Tichá redakční datová místnost, kde se nad křupavými bílými povrchy vznáší tmavě tyrkysový inkoust a ovládací prvky ve tvaru pilulek, přerušované pouze jedinou oranžovou zábleskovou barvou.