Cursor
Karakana ya ngozi yenye kupendeza, inayowashwa na makaa ya moto yanayofuka
Kiteuzi hutumia uchapaji wa joto, kama wa ngozi: turubai laini, maandishi meusi yenye wino, na lafudhi moja ya rangi ya chungwa inayowasha viungo na chaguo badala ya vitufe vya kujaza. Vichwa vya habari, vilivyowekwa katika Kiteuzi cha Kiotomatiki kwa uzito wa 400, vinapunguza nafasi ya herufi polepole kadri vinavyoongezeka kwa ukubwa—mamlaka hupatikana kupitia kizuizi na uzito mwembamba wa herufi badala ya ujasiri. Nyuso huwekwa tambarare na kama karatasi, zenye mipaka nyembamba na vivuli laini vya kijivu vya joto; pembe hubaki safi kwa uzito wa 4px katika maandishi yote. EB Garamond hutumika kwa kuchagua vichwa vidogo na nathari, huku berkeleyMono ikishughulikia msimbo, lebo, na metadata, ikiipa mfumo utu wa uchapaji unaohisi zaidi kama jarida la fasihi kuliko dashibodi ya SaaS.
Upana wa juu zaidi: pikseli 1300 katikati, pambizo la pikseli 24. Usogezaji wa juu: Kichwa chenye uwazi cha pikseli 52 kirefu chenye nembo na alama ya maandishi upande wa kushoto, viungo 4 vya urambazaji vilivyo katikati, kundi la "Ingia / Wasiliana / Pakua" likiwa limepangiliwa kulia. Shujaa: Kichwa chenye umbo la kushoto + kizuizi cha wito wa kuchukua hatua maradufu chenye maandishi yanayoanzia juu kushoto, kisha kadi ya mfano wa bidhaa yenye upana kamili inayoenea upana mzima wa ukurasa. Mstari wa kuamini: Safu moja mlalo ya vigae 8 vya nembo katika mstari mmoja katika upana wa sehemu. Sehemu za vipengele hubadilisha maandishi upande wa kushoto na picha ya skrini upande wa kulia katika mpangilio wa safu mbili, kila moja ikiwa na 50/50, ikiwa na mdundo wima wa pikseli 64-96 kati ya sehemu. Picha zote za skrini za vipengele ni mifano ya dirisha yenye mtindo sawa wa macOS. Kijachini: Gridi ya viungo vya safu nne yenye alama ya chapa upande wa kushoto. Sehemu zimetenganishwa na nafasi kubwa ya kupumua badala ya vigawanyio - turubai ya krimu yenyewe hutoa utengano.
Picha za skrini za bidhaa huchukua hatua kuu: michoro mikubwa ya dirisha la macOS inayoonyesha Kitambulisho cha Mshale kikifanya kazi: vichupo vya faili, mitazamo tofauti, mipango ya wakala, paneli za terminal, na muunganisho wa Slack/gumzo. Kila michoro ya dirisha imeandaliwa kwa kadi ya #f2f1 yenye utofautishaji laini na wa joto. Picha ya mandhari iliyonyamazishwa (milima/upeo wa jangwa) inaenea zaidi ya sehemu kuu, ikiongeza joto bila kushindana na Kiolesura. Nembo za mteja ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) zinawasilishwa kama herufi za monochrome ndani ya vigae vya kitani vyenye umbo la kidonge. Hakuna picha za watu, vielelezo, au vipengele vya picha vya mapambo ya dhahania—uzito wote wa kuona unalenga Kiolesura cha mtumiaji na chapa ya bidhaa. Aikoni ni glyfu nyembamba, zenye mstari mmoja zilizojazwa Majivu ya #7a7974, hazijawahi kuwa za kromu.
Paleti
Isiyoegemea upande wowote
- Ink
#26251e— Maandishi ya msingi, mandharinyuma ya kitufe cha kitendo cha msingi, maandishi ya kusogeza - kivuli chenye joto, karibu cheusi, kamwe #000 safi - Parchment
#f7f7f4— Mandharinyuma ya ukurasa, turubai kuu, ni kivuli cha krimu chenye joto kinacholainisha utofautishaji na kuunda hisia ya uchapishaji wa wino badala ya uchapishaji wa kidijitali. - Bone
#f2f1ed— Nyuso za kadibodi na vyombo vilivyoinuliwa, vyenye rangi moja nyeusi kuliko turubai, huunda athari ya "karatasi-kwenye-karatasi" isiyo na mpaka. - Linen
#e6e5e0— Jaza nyepesi isiyo na upande wowote kwa vifungo kwenye nyuso nyeusi. - Stone
#cdcdc9— Mipaka nyembamba, vigawanyio, vigawanyio vidogo - mistari ya pikseli 1 katika rangi za joto - Mist
#a1a19f— Maandishi saidizi ya kiwango cha tatu, maelezo mafupi - kati ya maandishi yaliyonyamazishwa na maandishi ya pili.
Uchapaji
kutoka pikseli 12 hadi 72 · hatua 6
- CursorGothic — mbadala: Inter · mihtasari 400, 500 · Fonti kuu ya kiolesura cha mtumiaji, vichwa vya habari, urambazaji, nakala ya mwili, na muundo wa bidhaa. Vichwa vya habari vyenye uzito wa nukta 400 na nafasi ya herufi inayopungua polepole (-0.005em kwa pikseli 22 → -0.03em kwa pikseli 72) ni sifa tofauti ya fonti: vichwa vya habari havijawahi kuwa na herufi nzito. Vitendakazi vya fonti ss08, ss09, na tnum huamsha mbadala wa kimtindo na maumbo ya jedwali.
- EB Garamond — mbadala: Iowan Old Style · mihtasari 400, 500 · Uandishi wa serif wa uhariri kwa vichwa vidogo vya kibinafsi, maandishi ya mwili, na data ya jedwali, CursorGothic huongeza mguso wa kifasihi kwenye kiolesura.
- berkeleyMono — mbadala: ui-monospace · mihtasari 400, 500 · Nafasi moja - kwa vizuizi vya msimbo, vipande vya mstari wa amri, metadata, njia za faili, na lebo za wasanidi programu - lugha ya kiufundi.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 4px |
| Redi ya kadi | 4px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 64-96px |
| Upana wa ukurasa | 1300px |
AI itaunda tovuti yako kwa mtindo wa Cursor na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Amplemarket — Sehemu ya kazi iliyojaa jua iliyojaa confetti
- Getharvest — Dawati la saa ya dhahabu - turubai ya krimu yenye joto, kadi nyeupe za posta zilizoning'inizwa kwenye turubai, na mwali mmoja wa rangi ya chungwa angavu
- Drive Capital — Bango la safari ya barabarani la Retro kwenye karatasi ya joto
- Wealthsimple — Ghala lenye kabati la Cashmere lenye taa za sanaa
- Huddle — Kadi za hesabu za rangi ya pastel kwenye karatasi ya krimu
- Fuser — Polaroid zilizotawanyika kwenye ukuta wa kazi wa mbunifu
- Campsite — Kifaa cha kuhariri kinachowashwa na jua - karatasi ya krimu yenye joto yenye muhuri mmoja wa rangi ya chungwa
- Redis Agency — Warsha ya uhariri, iliyo wazi baada ya saa za kazi, ni mahali penye giza totoro ambapo kazi yote ya utambulisho hufanywa na fonti za serif na figili moja nyekundu.
- AI Product Generation — Studio ya upigaji picha ya uhariri kwenye karatasi nyeupe - kichwa kama jalada, rangi ya chungwa kwa ajili ya kuangazia uhariri
- Getanchor — Rangi ya joto ya terracotta kwenye mandharinyuma ya krimu iliyofifia juani
- Flatfile — Shajara ya data tulivu kwenye karatasi ya ngozi yenye joto
- Inthememory — Mchoro wa usanifu kwenye marumaru nyeupe yenye taa moja ya joto. Chumba tulivu cha data ya uhariri ambapo wino mzito wa zumaridi na vidhibiti vyenye umbo la kidonge vinaelea juu ya nyuso nyeupe safi, vikivunjwa na rangi moja tu ya chungwa.