Cursor
Ugodna radionica za pergament, osvijetljena tinjajućim ugljem
Cursor koristi toplu, pergamentnu tipografiju: kremasto platno, mastiljavo crni tekst i jedan vatreno narandžasti akcenat koji aktivira linkove i odabire, a ne dugmad za popunjavanje. Naslovi, postavljeni u CursorGothic-u sa debljinom od 400, imaju postepeno smanjenje razmaka 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, sa tankim okvirima i mekim, toplim sivim sjenama; uglovi ostaju oštri sa 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 sistemu tipografski karakter koji više podsjeća na književni časopis nego na SaaS kontrolnu ploču.
Maksimalna širina: 1300px centrirano, margina 24px. Gornja navigacija: 52px visok prozirni zaglavlje s logotipom i oznakom teksta s lijeve strane, 4 centrirana navigacijska linka, klaster "Prijava / Kontakt / Preuzimanje" poravnat s desne strane. Glavni element: Zaglavlje poravnato s lijeve strane + dvostruki blok poziva na akciju s tekstom koji ide od gore lijevo, zatim kartica makete proizvoda pune širine koja se proteže cijelom širinom stranice. Traffic stripe: Jedan horizontalni red od 8 pločica logotipa u jednom redu preko širine odjeljka. Odjeljci s istaknutim elementima naizmjenično prikazuju tekst s lijeve strane i snimak ekrana s desne strane u rasporedu s dva stupca, svaki 50/50, s vertikalnim ritmom od 64-96px između odjeljaka. Svi snimci ekrana istaknutih elemenata su makete prozora s identičnim macOS stilom. Podnožje: Mreža linkova s četiri stupca s oznakom brenda s lijeve strane. Odjeljci su odvojeni velikim prostorom za disanje, a ne razdjelnicima - samo krem platno pruža razdvajanje.
Snimci ekrana proizvoda zauzimaju centralno mjesto: veliki makete macOS prozora koje prikazuju Cursor IDE u akciji: kartice datoteka, prikazi razlika, planovi agenata, terminalne ploče i Slack/chat integracija. Svaka maketa prozora uokvirena je karticom #f2f1ed s mekim, toplim kontrastom. Prigušena fotografija pejzaža (planine/pustinjski horizont) proteže se izvan glavnog dijela, dodajući toplinu bez konkurencije korisničkom interfejsu. Logotipovi klijenata ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) predstavljeni 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čki interfejs i brendiranje proizvoda. Ikone su tanki, monolinearni glifovi ispunjeni bojom #7a7974 Ash, nikada hromatski.
Paleta
Neutralno
- Ink
#26251e— Primarni tekst, pozadina glavnog dugmeta za akciju, tekst za navigaciju - topla, gotovo crna nijansa, nikada čisti #000 - Parchment
#f7f7f4— Pozadina stranice, glavno platno, je tople krem nijanse koja omekšava kontrast i stvara osjećaj tinte, a ne digitalne štampe. - Bone
#f2f1ed— Kartonske površine i podignute posude, za jednu nijansu tamnije od platna, stvaraju slojevit, bezobrubni efekat "papira na papiru". - Linen
#e6e5e0— Svijetlo neutralno punjenje za dugmad na tamnim površinama. - Stone
#cdcdc9— Tanke ivice, razdjelnici, suptilne pregrade – linije od 1px u toplim tonovima - Mist
#a1a19f— Pomoćni tekst trećeg nivoa, 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čki interfejs, naslove, navigaciju, tekst sadržaja i dizajn proizvoda. Naslovi s veličinom od 400 bodova i postepeno smanjujućim razmakom između slova (-0,005em na 22px → -0,03em na 72px) su karakteristična karakteristika fonta: naslovi nikada nisu podebljani. Funkcije fonta ss08, ss09 i tnum aktiviraju stilske alternative i tabelarne figure.
- EB Garamond — zamjena: Iowan Old Style · obrisi 400, 500 · CursorGothic, urednički serifni font za pojedinačne podnaslove, glavni tekst i tabelarne podatke, dodaje književni dodir interfejsu.
- berkeleyMono — zamjena: ui-monospace · obrisi 400, 500 · Monospace - za blokove koda, isječke komandne linije, metapodatke, putanje datoteka i oznake programera - tehnički jezik.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8px |
| Radijus dugmeta | 4px |
| Radijus kartice | 4px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64-96px |
| Širina stranice | 1300px |
Vještačka inteligencija će izgraditi vašu web stranicu u Cursor stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Amplemarket — Suncem okupano radno mjesto posuto konfetima
- Getharvest — Radni sto u zlatnom satu – toplo krem platno, bijele razglednice obješene na platnu i jedan jarko narandžasti plamen
- Drive Capital — Retro poster za putovanje automobilom na toplom papiru
- Wealthsimple — Skladište obloženo kašmirom s galerijskom rasvjetom
- Huddle — Pastelne inventarne kartice na krem papiru
- Fuser — Razbacani polaroidi 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, je mrkli mrkli 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 korice, narandž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.