Cursor
Útulná pergamenová dielňa, osvetlená tlejúcim uhlím
Cursor používa teplú typografiu podobnú pergamenu: krémové plátno, atramentovo čierny text a jeden ohnivo oranžový akcent, ktorý aktivuje odkazy a výbery, a nie vypĺňajúce tlačidlá. Nadpisy, nastavené v CursorGothic s hrúbkou 400, majú postupne sa zmenšujúce rozstupy medzi písmenami s ich zväčšovaním – autorita sa dosahuje skôr zdržanlivosťou a tenkými hrúbkami písmen než tučnosťou. Povrchy sú ploché a papierové, s tenkými okrajmi a jemnými, teplými sivými tieňmi; rohy zostávajú v celom texte ostré s hrúbkou 4px. EB Garamond sa používa selektívne pre podnadpisy a prózu, zatiaľ čo berkeleyMono spracováva kód, značky a metadáta, čo dáva systému typografickú osobnosť, ktorá pôsobí skôr ako literárny časopis než SaaS dashboard.
Maximálna šírka: 1300px vycentrované, okraj 24px. Horná navigácia: 52px vysoká priehľadná hlavička s logom a textovým symbolom vľavo, 4 centrované navigačné odkazy, klaster „Prihlásiť sa / Kontakt / Stiahnuť“ zarovnaný vpravo. Hrdina: Hlavička zarovnaná vľavo + dvojitý blok s výzvou na akciu s textom vychádzajúcim z ľavého horného rohu, potom maketa produktu v plnej šírke, ktorá sa rozprestiera cez celú šírku stránky. Pruh dôveryhodnosti: Jeden vodorovný riadok s 8 dlaždicami s logom v jednom riadku cez šírku sekcie. Hlavné sekcie striedavo zobrazujú text vľavo a snímku obrazovky vpravo v dvojstĺpcovom rozložení, každá 50/50, s vertikálnym rytmom 64 – 96px medzi sekciami. Všetky hlavné snímky obrazovky sú makety okien s identickým štýlom macOS. Päta: Štvorstĺpcová mriežka odkazov so symbolom značky vľavo. Sekcie sú oddelené dostatočným priestorom na dýchanie, a nie priečkami – oddelenie zabezpečuje samotné krémové plátno.
Ústredným bodom sú snímky obrazovky produktu: veľké makety okien macOS ukazujúce Cursor IDE v akcii: karty súborov, rozdielne zobrazenia, plány agentov, terminálové panely a integrácia Slack/chat. Každá maketa okna je orámovaná kartou #f2f1ed s jemným, teplým kontrastom. Tlmená fotografia krajiny (hory/púštny horizont) presahuje hlavnú časť a dodáva teplo bez toho, aby konkurovala používateľskému rozhraniu. Logá klientov ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) sú prezentované ako monochromatické písmo v dlaždiciach v tvare tabletky. Nie sú tam žiadne fotografie ľudí, ilustrácie ani abstraktné dekoratívne grafické prvky – všetka vizuálna váha je sústredená na používateľské rozhranie a branding produktu. Ikony sú tenké, monolineárne glyfy vyplnené farbou #7a7974 Ash, nikdy nie chromatické.
Paleta
Neutrálny
- Ink
#26251e— Primárny text, pozadie primárneho akčného tlačidla, navigačný text - teplý, takmer čierny odtieň, nikdy nie čistý #000 - Parchment
#f7f7f4— Pozadie stránky, hlavné plátno, je v teplom krémovom odtieni, ktorý zjemňuje kontrast a vytvára skôr pocit tlače atramentom ako digitálnou tlačou. - Bone
#f2f1ed— Kartónové povrchy a vyvýšené nádoby, o jeden tón tmavšie ako plátno, vytvárajú vrstvený, bezokrajový efekt „papiera na papieri“. - Linen
#e6e5e0— Svetlá neutrálna výplň pre tlačidlá na tmavých povrchoch. - Stone
#cdcdc9— Tenké okraje, deliace čiary, jemné priečky – čiary s hrúbkou 1px v teplých tónoch - Mist
#a1a19f— Pomocný text tretej úrovne, titulky - medzi stlmeným a sekundárnym textom.
Typografia
od 12 do 72px · 6 krokov
- CursorGothic — náhrada: Inter · obrysy 400, 500 · Primárne písmo pre používateľské rozhranie, nadpisy, navigáciu, text a dizajn produktu. Nadpisy s hrúbkou 400 bodov a postupne sa znižujúcim rozstupom písmen (-0,005 em pri 22px → -0,03 em pri 72px) sú charakteristickým znakom písma: nadpisy nie sú nikdy tučné. Funkcie písma ss08, ss09 a tnum aktivujú štylistické alternatívy a tabuľkové obrázky.
- EB Garamond — náhrada: Iowan Old Style · obrysy 400, 500 · CursorGothic, redakčné pätkové písmo pre jednotlivé podnadpisy, text a tabuľkové údaje, dodáva rozhraniu literárny nádych.
- berkeleyMono — náhrada: ui-monospace · obrysy 400, 500 · Monospace – pre bloky kódu, úryvky príkazového riadka, metadáta, cesty k súborom a označenia vývojárov – technický jazyk.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8px |
| Polomer tlačidla | 4px |
| Polomer karty | 4px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 64-96px |
| Šírka stránky | 1300px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Cursor a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Amplemarket — Slnkom zaliate pracovisko posiate konfetami
- Getharvest — Stôl v zlatej hodinke – teplé krémové plátno, na plátne zavesené biele pohľadnice a jediný jasne oranžový plameň.
- Drive Capital — Retro plagát o výlete autom na teplom papieri
- Wealthsimple — Sklad s kašmírovou podšívkou a galériovým osvetlením
- Huddle — Pastelové inventárne karty na krémovom papieri
- Fuser — Roztrúsené polaroidy na pracovnej stene dizajnéra
- Campsite — Slnečná redaktorská pracovná stanica - teplý krémový papier s jednou oranžovou pečiatkou
- Redis Agency — Redakčná dielňa, otvorená aj po otváracích hodinách, je úplne tmavé miesto, kde sa všetka práca na brandingu vykonáva pomocou pätkových fontov a jedinej červenej reďkovky.
- AI Product Generation — Redakčné fotografické štúdio na bielom papieri - názov ako obálka, oranžová farba na redakčné zvýraznenie
- Getanchor — Teplý terakotový odtieň na slnkom vyblednutom krémovom pozadí
- Flatfile — Tichý dátový denník na teplom pergamene
- Inthememory — Architektonická kresba na bielom mramore s jediným teplým svetlom. Tichá redakčná dátová miestnosť, kde sa nad sviežimi bielymi povrchmi vznáša tmavo tyrkysový atrament a ovládacie prvky v tvare tabletiek, prerušované len jedinou oranžovou škvrnou.