Cursor
Prijetna pergamentna delavnica, osvetljena s tlečim žerjavom
Cursor uporablja toplo, pergamentu podobno tipografijo: kremasto platno, črno besedilo in en sam ognjeno oranžen poudarek, ki aktivira povezave in izbire namesto gumbov za polnjenje. Naslovi, nastavljeni v CursorGothic s težo 400, imajo postopoma manjši razmik med črkami, ko se povečujejo – avtoriteta se doseže z zadržanostjo in tanko težo črk namesto s krepkostjo. Površine so ravne in podobne papirju, s tankimi robovi in mehkimi, toplo sivimi sencami; vogali ostanejo ostri s težo 4px po celotnem besedilu. EB Garamond se selektivno uporablja za podnaslove in prozo, medtem ko berkeleyMono obravnava kodo, oznake in metapodatke, kar daje sistemu tipografsko osebnost, ki je bolj podobna literarni reviji kot nadzorni plošči SaaS.
Največja širina: 1300 slikovnih pik poravnano, rob 24 slikovnih pik. Zgornja navigacija: 52 slikovnih pik visoka prozorna glava z logotipom in besedilno oznako na levi, 4 centrirane navigacijske povezave, skupina»Prijava / Kontakt / Prenos« poravnana na desno. Glavni element: Glava poravnana levo + dvojni blok s pozivom k dejanju z besedilom, ki teče od zgornje leve strani, nato pa kartica z modelom izdelka v polni širini, ki se razteza čez celotno širino strani. Trak zaupanja: Ena vodoravna vrstica z 8 ploščicami logotipa v eni vrstici čez širino razdelka. Razdelki s predstavitvami se izmenjujejo z besedilom na levi in posnetkom zaslona na desni v postavitvi z dvema stolpcema, vsak 50/50, z navpičnim ritmom 64–96 slikovnih pik med razdelki. Vsi posnetki zaslona s predstavitvami so makete oken z enakim slogom macOS. Podnožje: Mreža s štirimi stolpci in oznako blagovne znamke na levi. Razdelki so ločeni z veliko prostora za dihanje in ne z razdelilniki – ločitev zagotavlja kremno platno samo.
Posnetki zaslona izdelka so v središču pozornosti: veliki modeli oken macOS, ki prikazujejo delovanje Cursor IDE: zavihki datotek, pogledi razlik, načrti agentov, plošče terminala in integracija Slack/klepeta. Vsak model okna je uokvirjen s kartico #f2f1ed z mehkim, toplim kontrastom. Umirjena fotografija pokrajine (gore/puščavsko obzorje) sega preko glavnega razdelka in dodaja toplino, ne da bi konkurirala uporabniškemu vmesniku. Logotipi strank ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) so predstavljeni kot enobarvne črke znotraj ploščic v obliki tablet. Ni fotografij ljudi, ilustracij ali abstraktnih dekorativnih grafičnih elementov – vsa vizualna teža je osredotočena na uporabniški vmesnik in blagovno znamko izdelka. Ikone so tanki, enoliniarni glifi, napolnjeni z barvo #7a7974 Ash, nikoli kromatični.
Paleta
Nevtralno
- Ink
#26251e— Glavno besedilo, ozadje glavnega gumba za dejanje, navigacijsko besedilo - topel, skoraj črn odtenek, nikoli čisti #000 - Parchment
#f7f7f4— Ozadje strani, glavno platno, je toplega kremnega odtenka, ki zmehča kontrast in ustvari občutek črnilnega in ne digitalnega tiska. - Bone
#f2f1ed— Kartonske površine in dvignjene posode, za en odtenek temnejše od platna, ustvarjajo večplasten, brezrobni učinek "papirja na papirju". - Linen
#e6e5e0— Svetlo nevtralno polnilo za gumbe na temnih površinah. - Stone
#cdcdc9— Tanke obrobe, razdelilniki, subtilne predelne stene – črte debeline 1px v toplih tonih - Mist
#a1a19f— Pomožno besedilo tretje ravni, podnapisi - med utišanim in sekundarnim besedilom.
Tipografija
od 12 do 72 slikovnih pik · 6 korakov
- CursorGothic — zamenjava: Inter · obrisi 400, 500 · Primarna pisava za uporabniški vmesnik, naslove, navigacijo, besedilo telesa in oblikovanje izdelka. Naslovi s težo 400 točk in postopno padajočim razmikom med črkami (-0,005 em pri 22px → -0,03 em pri 72px) so posebnost pisave: naslovi niso nikoli krepki. Funkcije pisave ss08, ss09 in tnum aktivirajo slogovne alternative in tabelarne slike.
- EB Garamond — zamenjava: Iowan Old Style · obrisi 400, 500 · CursorGothic, uredniška serifna pisava za posamezne podnaslove, telo besedila in tabelarne podatke, doda vmesniku literarni pridih.
- berkeleyMono — zamenjava: ui-monospace · obrisi 400, 500 · Monospace - za bloke kode, delčke ukazne vrstice, metapodatke, poti datotek in oznake razvijalcev - tehnični jezik.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8px |
| Polmer gumba | 4px |
| Polmer kartice | 4px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64-96px |
| Širina strani | 1300px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Cursor in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Amplemarket — S soncem obsijano delovno mesto, posuto s konfeti
- Getharvest — Pisalna miza v zlati uri – toplo kremno platno, na platnu obešene bele razglednice in en sam svetlo oranžen plamen
- Drive Capital — Retro plakat za potovanje z avtomobilom na toplem papirju
- Wealthsimple — Skladišče s kašmirjem in galerijsko razsvetljavo
- Huddle — Pastelne inventarne kartice na krem papirju
- Fuser — Raztreseni polaroidi na delovni steni oblikovalca
- Campsite — Sončno osvetljena uredniška delovna postaja - topel krem papir z enim samim oranžnim štampiljko.
- Redis Agency — Uredniška delavnica, odprta po uradnih urah, je črna tema, kjer se vse delo z blagovno znamko opravlja s serifnimi pisavami in eno samo rdečo redkvico.
- AI Product Generation — Uredniški fotografski studio na belem papirju - naslov kot platnica, oranžna barva za uredniško poudarjanje
- Getanchor — Topel terakotni odtenek na soncu obledelem kremnem ozadju
- Flatfile — Tihi podatkovni dnevnik na toplem pergamentu
- Inthememory — Arhitekturna risba na belem marmorju z eno samo toplo svetlobo. Tiha, uredniška podatkovna soba, kjer temno turkizno črnilo in krmilniki v obliki tablet lebdijo nad svežimi belimi površinami, ki jih prekine le en sam brizg oranžne.