Cursor
Ugodna radionica za pergament, osvijetljena tinjajućim ugljenom
Cursor koristi toplu tipografiju nalik pergamentu: kremasto platno, tintno crni tekst i jedan vatreno narančasti naglasak koji aktivira poveznice i odabire umjesto gumba za popunjavanje. Naslovi, postavljeni u CursorGothic-u s debljinom od 400, postupno smanjuju razmak između slova kako se povećavaju - autoritet se postiže suzdržanošću i tankim debljinama slova, a ne podebljavanjem. Površine su ravne i nalik papiru, s tankim rubovima i mekim, toplim sivim sjenama; kutovi ostaju oštri s debljinom od 4px kroz cijeli tekst. EB Garamond se selektivno koristi za podnaslove i prozu, dok berkeleyMono obrađuje kod, oznake i metapodatke, dajući sustavu tipografsku osobnost koja se više osjeća kao književni časopis nego SaaS nadzorna ploča.
Maksimalna širina: 1300px centrirano, margina 24px. Gornja navigacija: prozirno zaglavlje visoko 52px s logotipom i oznakom teksta s lijeve strane, 4 centrirane navigacijske poveznice, skupina "Prijava / Kontakt / Preuzimanje" poravnata s desne strane. Glavni element: Zaglavlje poravnato lijevo + dvostruki blok poziva na radnju s tekstom koji ide od gore lijevo, zatim kartica makete proizvoda pune širine koja se proteže cijelom širinom stranice. Traffic stripe: Jedan vodoravni red od 8 pločica logotipa u jednom retku preko širine odjeljka. Istaknuti odjeljci izmjenjuju tekst s lijeve strane i snimku zaslona s desne strane u rasporedu s dva stupca, svaki 50/50, s okomitim ritmom od 64-96px između odjeljaka. Sve istaknute snimke zaslona su makete prozora s identičnim macOS stilom. Podnožje: Mreža poveznica s četiri stupca s oznakom robne marke s lijeve strane. Odjeljci su odvojeni velikim prostorom za disanje, a ne razdjelnicima - samo krem platno osigurava razdvajanje.
Snimke zaslona proizvoda zauzimaju središnje mjesto: veliki makete prozora macOS-a koje prikazuju Cursor IDE u akciji: kartice datoteka, prikazi razlika, planovi agenata, ploče terminala i integracija Slack/chata. Svaka maketa prozora uokvirena je karticom #f2f1ed s mekim, toplim kontrastom. Prigušena fotografija krajolika (planine/pustinjski horizont) proteže se izvan glavnog dijela, dodajući toplinu bez natjecanja s korisničkim sučeljem. Logotipi klijenata ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) prikazani su kao monokromatski natpisi unutar lanenih pločica u obliku tableta. Nema fotografija ljudi, ilustracija ili apstraktnih dekorativnih grafičkih elemenata - sva vizualna težina usmjerena je na korisničko sučelje i brendiranje proizvoda. Ikone su tanki, monolinearni glifovi ispunjeni bojom #7a7974 Ash, nikada kromatski.
Paleta
Neutralno
- Ink
#26251e— Primarni tekst, pozadina glavnog akcijskog gumba, tekst navigacije - topla, gotovo crna nijansa, nikad čisti #000 - Parchment
#f7f7f4— Pozadina stranice, glavno platno, tople je kremaste nijanse koja omekšava kontrast i stvara osjećaj tiska tintom, a ne digitalnog tiska. - Bone
#f2f1ed— Kartonske površine i podignute posude, za jednu nijansu tamnije od platna, stvaraju slojevit, bezobrubni efekt "papira na papiru". - Linen
#e6e5e0— Svijetlo neutralno punjenje za gumbe na tamnim površinama. - Stone
#cdcdc9— Tanki obrubi, razdjelnici, suptilne pregrade – linije od 1px u toplim tonovima - Mist
#a1a19f— Pomoćni tekst treće razine, titlovi - između prigušenog i sekundarnog teksta.
Tipografija
od 12 do 72px · 6 koraka
- CursorGothic — zamjena: Inter · obrisi 400, 500 · Primarni font za korisničko sučelje, naslove, navigaciju, tekst sadržaja i dizajn proizvoda. Naslovi s težinom od 400 bodova i postupno smanjenjem razmaka između slova (-0,005 em na 22px → -0,03 em na 72px) su karakteristična značajka fonta: naslovi nikada nisu podebljani. Funkcije fonta ss08, ss09 i tnum aktiviraju stilske alternative i tablične slike.
- EB Garamond — zamjena: Iowan Old Style · obrisi 400, 500 · CursorGothic, urednički serifni font za pojedinačne podnaslove, glavni tekst i tablične podatke, dodaje književni dodir sučelju.
- berkeleyMono — zamjena: ui-monospace · obrisi 400, 500 · Monospace - za blokove koda, isječke naredbenog retka, metapodatke, putanje datoteka i oznake programera - je tehnički jezik.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8px |
| Radijus gumba | 4px |
| Radijus kartice | 4px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 64-96px |
| Širina stranice | 1300px |
Umjetna inteligencija će izraditi vašu web stranicu u Cursor stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Amplemarket — Suncem okupano radno mjesto posuto konfetima
- Getharvest — Radni stol u zlatnom satu – toplo kremasto platno, bijele razglednice obješene na platnu i jedan jarko narančasti plamen
- Drive Capital — Retro plakat za putovanje automobilom na toplom papiru
- Wealthsimple — Skladište obloženo kašmirom s galerijskom rasvjetom
- Huddle — Pastelne inventarne kartice na krem papiru
- Fuser — Razbacane polaroidne fotografije na zidu dizajnerskog radnog mjesta
- Campsite — Suncem obasjana urednička radna stanica - topli krem papir s jednim narančastim pečatom s namjerom
- Redis Agency — Urednička radionica, otvorena nakon radnog vremena, mrkli je mrak gdje se sav posao brendiranja obavlja serifnim fontovima i jednom crvenom rotkvom.
- AI Product Generation — Urednički fotografski studio na bijelom papiru - naslov kao korica, narančasta boja za uredničko isticanje
- Getanchor — Topla terakotna nijansa na izblijedjeloj kremastoj pozadini
- Flatfile — Tihi dnevnik podataka na toplom pergamentu
- Inthememory — Arhitektonski crtež na bijelom mramoru s jednim toplim svjetlom. Tiha, urednička soba s podacima gdje tamnotirkizna tinta i kontrole u obliku tableta lebde iznad oštrih bijelih površina, prekidane samo jednim mrljama narančaste.