Cursor
Hubane pärgamenditöökoda, mida valgustavad hõõguvad söed
Cursor kasutab sooja, pärgamenditaolist tüpograafiat: kreemjat lõuendit, tindimustat teksti ja ühte ereoranži aktsenti, mis aktiveerib linke ja valikuid, mitte ei täida nuppe. CursorGothicu pealkirjade kaal on 400 ja tähevahe väheneb järk-järgult nende suuruse kasvades – autoriteet saavutatakse pigem vaoshoituse ja õhukeste tähekaalude kui julgete tähtede abil. Pinnad hoitakse tasased ja paberilaadsed, õhukeste ääriste ja pehmete, soojade hallide varjudega; nurgad jäävad kogu teksti ulatuses 4px kaalu juures selgeks. EB Garamondi kasutatakse valikuliselt alapealkirjade ja proosa jaoks, samas kui berkeleyMono haldab koodi, silte ja metaandmeid, andes süsteemile tüpograafilise isikupära, mis tundub pigem kirjandusajakirja kui SaaS-i armatuurlaua moodi.
Maksimaalne laius: 1300 pikslit tsentreeritud, 24 pikslit veeris. Ülemine navigatsioon: 52 pikslit kõrge läbipaistev päis, mille vasakul küljel on logo ja tekstimärk, 4 tsentreeritud navigatsioonilinki, paremale joondatud kobar "Logi sisse / Kontakt / Allalaadimine". Peaosa: Vasakule joondatud päis + topeltkutse tegevusele, mille vasakus ülanurgas algab tekst, seejärel täislaiuses toote maketikaart, mis ulatub üle kogu lehe laiuse. Usaldusriba: Üks horisontaalne rida 8 logopaaniga ühel real üle sektsiooni laiuse. Funktsioonisektsioonides vaheldub tekst vasakul ja ekraanipilt paremal kaheveerulises paigutuses, kumbki 50/50, vertikaalse rütmiga sektsioonide vahel 64–96 pikslit. Kõik funktsioonide ekraanipildid on identse macOS-stiiliga akna maketid. Jalus: Neljaveeruline linkide ruudustik, mille vasakul küljel on brändimärk. Sektsioonid on eraldatud piisava hingamisruumiga, mitte eraldajatega – kreemikas lõuend ise tagab eraldamise.
Toote ekraanipildid on kesksel kohal: suured macOS-i akna maketid, mis näitavad Cursor IDE-d tegevuses: failide vahekaardid, erinevuste vaated, agendi plaanid, terminalipaneelid ja Slacki/vestluse integratsioon. Iga akna maketi raamib #f2f1ed kaart pehme ja sooja kontrastiga. Summutatud maastikufoto (mäed/kõrbe silmapiir) ulatub põhiosast kaugemale, lisades soojust, konkureerimata seejuures kasutajaliidesega. Klientide logod ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) on esitatud mustvalgete tähtedega pillikujuliste Linen-plaatide sees. Puuduvad inimeste fotod, illustratsioonid ega abstraktsed dekoratiivsed graafilised elemendid – kogu visuaalne raskus on suunatud toote kasutajaliidesele ja brändingule. Ikoonid on õhukesed, monolineaarsed glüüfid, mis on täidetud #7a7974 Ash värviga, mitte kunagi kromaatilised.
Palett
Neutraalne
- Ink
#26251e— Põhitekst, peamise toimingunupu taust, navigeerimistekst – soe, peaaegu must toon, mitte kunagi puhas #000 - Parchment
#f7f7f4— Lehekülje taust, peamine lõuend, on soe kreemikas toon, mis pehmendab kontrasti ja loob pigem tinditrüki kui digitaaltrüki tunde. - Bone
#f2f1ed— Papist pinnad ja reljeefsed anumad, mis on ühe tooni võrra lõuendist tumedamad, loovad kihilise, ääristeta "paber paberil" efekti. - Linen
#e6e5e0— Hele neutraalne täide tumedatel pindadel olevate nuppude jaoks. - Stone
#cdcdc9— Õhukesed äärised, vaheseinad, peened vaheseinad – 1px jooned soojades toonides - Mist
#a1a19f— Kolmanda taseme abitekst, subtiitrid – summutatud ja teisese teksti vahel.
Tüpograafia
12-st 72 pikslini · 6 sammu
- CursorGothic — asendamine: Inter · kontuurid 400, 500 · Kasutajaliidese, pealkirjade, navigeerimise, põhiteksti ja tootekujunduse peamine font. Fondi eripäraks on 400-punktise kaaluga pealkirjad, mille tähevahe järk-järgult väheneb (-0,005em 22 piksli juures → -0,03em 72 piksli juures): pealkirjad pole kunagi paksus kirjas. Fondifunktsioonid ss08, ss09 ja tnum aktiveerivad stiilialternatiive ja tabeljooniseid.
- EB Garamond — asendamine: Iowan Old Style · kontuurid 400, 500 · CursorGothic on toimetuslik serif-kirjatüüp üksikute alapealkirjade, põhiteksti ja tabelina esitatud andmete jaoks, mis lisab liidesele kirjandusliku hõngu.
- berkeleyMono — asendamine: ui-monospace · kontuurid 400, 500 · Monospace – koodiplokkide, käsurea koodijuppide, metaandmete, failiteede ja arendaja siltide jaoks – tehniline keel.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8px |
| Nupu raadius | 4px |
| Kaardi raadius | 4px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64-96px |
| Lehe laius | 1300px |
Tehisintellekt loob teie veebisaidi Cursor stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Amplemarket — Päikesepaisteline töökoht, mis on üle puistatud konfettidega
- Getharvest — Kuldsel tunnil olev laud – soe kreemikas lõuend, lõuendil rippuvad valged postkaardid ja üksainus ereoranž leek
- Drive Capital — Retro autoreisi plakat soojal paberil
- Wealthsimple — Kašmiiriga vooderdatud ladu galeriivalgustusega
- Huddle — Pastelltoonides inventuurikaardid kreemjal paberil
- Fuser — Hajutatud polaroidid disaineri tööseinal
- Campsite — Päikesepaisteline toimetaja tööjaam - soe kreemikas paber ühe oranži templiga
- Redis Agency — Toimetuse töötuba, mis on avatud ka pärast lahtiolekuaega, on kottpime koht, kus kogu brändingutöö tehakse ära serif-fontide ja ühe punase redise abil.
- AI Product Generation — Toimetuse fotostuudio valgel paberil - pealkiri kaanel, oranž värv toimetuse esiletõstmiseks
- Getanchor — Soe terrakotatoon päikesest pleekinud kreemjal taustal
- Flatfile — Vaikne andmepäevik soojal pärgamendil
- Inthememory — Valgele marmorile ühe sooja valgusega loodud arhitektuurijoonis. Vaikne toimetuse andmeruum, kus sügav türkiissinine tint ja tabletikujulised juhtnupud hõljuvad kargete valgete pindade kohal, mida katkestab vaid üks oranž prits.