Cursor
Pergamino tailer eroso bat, ikatz ketsuek argiztatuta
Cursor-ek tipografia epela eta pergamino itxurakoa erabiltzen du: mihise krematsu bat, tinta koloreko testu beltza eta laranja koloreko azentu bakarra, estekak eta hautaketak aktibatzen dituena botoiak bete beharrean. CursorGothic-en 400 pisuan ezarrita dauden goiburuek letren arteko tartea pixkanaka txikitzen dute tamaina handitzen duten heinean; autoritatea neurritasunaren eta letra-lodiera meheen bidez lortzen da, ausardiaren ordez. Gainazalak lauak eta paperaren antzekoak mantentzen dira, ertz meheekin eta itzal gris leun eta epelekin; izkinak garbi mantentzen dira 4px-ko pisuan testu osoan zehar. EB Garamond selektiboki erabiltzen da azpitituluetarako eta prosarentzat, eta berkeleyMono-k kodea, etiketak eta metadatuak kudeatzen ditu, sistemari SaaS aginte-panel bat baino literatura-aldizkari baten antza handiagoa ematen dion nortasun tipografikoa emanez.
Gehienezko zabalera: 1300px erdian, 24px marjina. Goiko nabigazioa: 52px-ko altuerako goiburu gardena, logotipoa eta testu-marka ezkerrean, 4 nabigazio-esteka erdian, "Saioa hasi / Kontaktua / Deskargatu" multzoa eskuinean lerrokatuta. Heroia: Ezkerrean lerrokatutako goiburua + ekintzarako dei bikoitza goiko ezkerretik abiatzen den testuarekin, eta ondoren, orriaren zabalera osoa hartzen duen produktuaren maketa-txartel zabalera osokoa. Konfiantza-marra: 8 logotipoko teila horizontal errenkada bat, atalaren zabaleran zehar lerro bakarrean. Ezaugarrien atalek testua txandakatzen dute ezkerrean eta pantaila-argazki bat eskuinean, bi zutabeko diseinuan, bakoitza 50/50, atalen artean 64-96px-ko erritmo bertikalarekin. Ezaugarrien pantaila-argazki guztiak leihoen maketak dira, macOS estilo berdinarekin. Oina: Lau zutabeko esteka-sareta, markaren marka ezkerrean duela. Atalak arnasgune zabal batez bereizten dira, banatzaileek baino - krema koloreko mihiseak berak bereizten du.
Produktuaren pantaila-argazkiek hartzen dute protagonismoa: macOS leiho handien maketak, Cursor IDE martxan erakusten dutenak: fitxategien fitxak, desberdintasunen ikuspegiak, agenteen planak, terminalen panelak eta Slack/txat integrazioa. Leiho bakoitzaren maketa #f2f1ed txartel batekin markoztatuta dago, kontraste leun eta bero batekin. Paisaia-argazki isil bat (mendiak/basamortuko horizontea) atal nagusitik haratago hedatzen da, berotasuna gehituz UIarekin lehiatu gabe. Bezeroen logotipoak ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) letra monokromo gisa aurkezten dira pilula itxurako Linen teila barruan. Ez dago pertsonen argazkirik, ilustraziorik edo elementu grafiko apaingarri abstrakturik; pisu bisual guztia produktuaren UIan eta markan zentratzen da. Ikonoak #7a7974 Ash-ez betetako glifo monolinear meheak dira, inoiz ez kromatikoak.
Paleta
Neutroa
- Ink
#26251e— Testu nagusia, ekintza-botoi nagusiaren atzeko planoa, nabigazio-testua - tonu beroa, ia beltza, inoiz ez purua #000 - Parchment
#f7f7f4— Orrialdearen atzeko planoa, mihise nagusia, krema tonu epel bat da, kontrastea leuntzen duena eta tintazko inprimaketaren sentsazioa sortzen duena, inprimaketa digitala baino gehiago. - Bone
#f2f1ed— Kartoizko gainazalek eta mihisea baino tonu bat ilunagoak diren ontzi altxatuek "papera paperaren gainean" efektu geruzatu eta ertzik gabekoa sortzen dute. - Linen
#e6e5e0— Gainazal ilunetan dauden botoietarako betegarri neutro argia. - Stone
#cdcdc9— Ertz meheak, banatzaileak, partizio sotilak – 1px-ko lerroak tonu beroetan - Mist
#a1a19f— Hirugarren mailako testu laguntzailea, azpitituluak - testu isilaren eta bigarren mailako testuaren artean.
Tipografia
12tik 72px-ra · 6 urrats
- CursorGothic — ordezkapena: Inter · eskemak 400, 500 · Erabiltzaile interfazearen, goiburuen, nabigazioaren, gorputzeko testuaren eta produktuaren diseinuaren letra-tipo nagusia. 400 puntuko pisua duten goiburuak eta letren arteko tartea pixkanaka txikitzen ari direnak (-0.005em 22px-tan → -0.03em 72px-tan) letra-tipoaren ezaugarri bereizgarria dira: goiburuak ez dira inoiz lodiak. ss08, ss09 eta tnum letra-tipoen funtzioek estilo-alternantziak eta taula-figurak aktibatzen dituzte.
- EB Garamond — ordezkapena: Iowan Old Style · eskemak 400, 500 · Azpititulu indibidualetarako, gorputzeko testurako eta taula-datuetarako serif tipoa da CursorGothic, eta ukitu literarioa ematen dio interfazeari.
- berkeleyMono — ordezkapena: ui-monospace · eskemak 400, 500 · Monospace - kode blokeetarako, komando lerroko zatietarako, metadatuetarako, fitxategi bideetarako eta garatzaile etiketetarako - hizkuntza teknikoa.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 4px |
| Txartelaren erradioa | 4px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 64-96px |
| Orriaren zabalera | 1300px |
Adimen artifizialak zure webgunea Cursor estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Amplemarket — Eguzkiz blaitutako lantokia konfetiz beteta
- Getharvest — Urrezko orduko mahaia – krema koloreko mihise epela, mihise gainean zintzilik dauden postal zuriak eta laranja koloreko sugar distiratsu bakarra
- Drive Capital — Errepideko bidaia retroaren posterra paper epelean
- Wealthsimple — Kaxmirrez estalitako biltegia galeria-argiztapenarekin
- Huddle — Pastel koloreko inbentario-txartelak krema-paperean
- Fuser — Polaroid sakabanatuak diseinatzaile baten lan-horman
- Campsite — Editore baten lan-establezimendu eguzkitsua - krema koloreko paper epela, laranja koloreko zigilu bakarrarekin
- Redis Agency — Erredakzio tailerra, orduz kanpo irekita, leku ilun bat da, non marka-lan guztia serif letra-tipoekin eta errefau gorri bakar batekin egiten den.
- AI Product Generation — Argazkilaritza editorialeko estudioa paper zurian - izenburua azal gisa, laranja kolorea editorialaren azpimarraketarako
- Getanchor — Terrakota kolore epela eguzkiak koloreztatutako krema koloreko hondo batean
- Flatfile — Datuen egunkari lasaia pergamino epel batean
- Inthememory — Marmol zurian egindako arkitektura-marrazki bat, argi epel bakarrarekin. Datu-gela editorial lasai bat, non turkesa koloreko tinta eta pilula-formako kontrolak gainazal zuri garbien gainean flotatzen diren, laranja zipriztin bakar batek soilik hausten dituen.