Cursor
Notaleg verkstæði úr pergamenti, upplýst af glóandi kolum
Cursor notar hlýja, skinnkennda leturgerð: rjómalöguð strigi, bleksvartan texta og einn eldfljótandi appelsínugulan hlekk sem virkjar tengla og val frekar en að fylla út hnappa. Fyrirsagnir, sem eru settar í CursorGothic með þyngd 400, hafa smám saman minnkandi bil milli stafa eftir því sem þær stækka - vald næst með aðhaldi og þunnum stafaþyngd frekar en feitletrun. Yfirborðið er haldið slétt og pappírskennt, með þunnum röndum og mjúkum, hlýjum gráum skuggum; hornin eru stökk með þyngd 4px allan textann. EB Garamond er notað sértækt fyrir undirfyrirsagnir og texta, en berkeleyMono sér um kóða, merki og lýsigögn, sem gefur kerfinu leturfræðilegan persónuleika sem líkist frekar bókmenntatímaritum en SaaS mælaborði.
Hámarksbreidd: 1300px miðjað, 24px spássa. Efsta flakk: 52px hár gegnsær haus með merki og textamerki vinstra megin, 4 miðjaðir flakkhenglar, "Innskráning / Hafa samband / Sækja" klasa hægra megin. Aðalatriði: Vinstrijafnaður haus + tvöfaldur aðgerðahvatningarblokk með texta sem nær frá efra vinstra horni, síðan vöruuppdráttarkort í fullri breidd sem spannar alla breidd síðunnar. Trauströnd: Ein lárétt röð af 8 merkisflísum í einni línu þvert yfir breidd hlutans. Eiginleikahlutar skiptast á texta vinstra megin og skjámynd hægra megin í tveggja dálka uppsetningu, hvor 50/50, með lóðréttu takti 64-96px milli hluta. Allar skjámyndir af eiginleikum eru gluggauppdráttar með eins macOS stíl. Síðufótur: Fjögurra dálka rist af tenglum með vörumerkinu vinstra megin. Hlutarnir eru aðskildir með góðu rými frekar en skilrúmi - kremlitaða striginn sjálfur sér um aðskilnaðinn.
Skjámyndir af vörunni eru í aðalhlutverki: stórar macOS gluggauppdrættir sem sýna Cursor IDE í aðgerð: skráarflipar, mismunandi yfirlit, umboðsmannaáætlanir, skjáborð og Slack/spjall-samþætting. Hver gluggauppdrættur er rammaður inn með #f2f1ed korti með mjúkum, hlýjum andstæðum. Dauft landslagsmynd (fjöll/eyðimerkursjóndeildarhringur) nær út fyrir aðalhlutann og bætir við hlýju án þess að keppa við notendaviðmótið. Viðskiptavinalógó ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) eru kynnt sem einlita letur innan pillulaga Linen-flísar. Það eru engar ljósmyndir af fólki, myndskreytingar eða abstrakt skreytingarmyndir - allur sjónrænn þungi er áhersla lögð á notendaviðmót og vörumerki vörunnar. Táknmyndir eru þunnar, einlínulegar táknmyndir fylltar með #7a7974 Ash, aldrei krómatískar.
Litatöflu
Hlutlaus
- Ink
#26251e— Aðaltexti, bakgrunnur aðalaðgerðarhnapps, leiðsagnartexti - hlýr, næstum svartur litur, aldrei hreinn #000 - Parchment
#f7f7f4— Bakgrunnur síðunnar, aðalstriginn, er hlýr rjómalitur sem mýkir andstæðurnar og skapar tilfinningu fyrir blekprentun frekar en stafrænni prentun. - Bone
#f2f1ed— Pappaflötur og upphækkaðir ílát, einum tóni dekkri en striginn, skapa lagskipta, jaðralausa „pappír á pappír“ áhrif. - Linen
#e6e5e0— Ljós hlutlaus fylling fyrir hnappa á dökkum fleti. - Stone
#cdcdc9— Þunnir rammar, skilrúm, fínleg milliveggir – 1px línur í hlýjum tónum - Mist
#a1a19f— Hjálpartexti á þriðja stigi, myndatextar - á milli þöggaðs og aukatexta.
Leturfræði
frá 12 til 72px · 6 skref
- CursorGothic — skipti: Inter · útlínur 400, 500 · Aðal leturgerðin fyrir notendaviðmót, fyrirsagnir, leiðsögn, meginmál og vöruhönnun. Fyrirsagnir með 400 punkta þyngd og smám saman minnkandi bil milli stafa (-0,005em við 22px → -0,03em við 72px) eru sérkenni leturgerðarinnar: fyrirsagnir eru aldrei feitletraðar. Leturföllin ss08, ss09 og tnum virkja stílbreytingar og töflur.
- EB Garamond — skipti: Iowan Old Style · útlínur 400, 500 · CursorGothic er ritstjórnarlegt serif leturgerð fyrir einstakar undirfyrirsagnir, megintexta og töflugögn og bætir viðmótinu við bókmenntalegan blæ.
- berkeleyMono — skipti: ui-monospace · útlínur 400, 500 · Einfalt bil - fyrir kóðablokkir, skipanalínubúta, lýsigögn, skráarslóðir og merki forritara - tæknilegt tungumál.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8px |
| Hnapparadíus | 4px |
| Radíus korts | 4px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 64-96px |
| Síðubreidd | 1300px |
Gervigreind mun smíða vefsíðuna þína í stíl við Cursor og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Amplemarket — Sólríkur vinnustaður stráður konfettíi
- Getharvest — Skrifborð á gullnu stundu – hlýr rjómalitur strigi, hvít póstkort hengd á strigann og einn skær appelsínugulur logi
- Drive Capital — Retro bílferðaplakat á hlýjum pappír
- Wealthsimple — Vöruhús klætt með kasmír og lýsingu í galleríinu
- Huddle — Pastellituð birgðakort á kremlituðum pappír
- Fuser — Dreifðar Polaroid myndir á vegg hönnuðar
- Campsite — Sólbjartur vinnustaður ritstjóra - hlýr kremlitaður pappír með einum appelsínugulum stimpli
- Redis Agency — Ritstjórnarverkstæðið, sem er opið eftir lokun, er kolniðamyrkur staður þar sem allt vörumerkjastarf er unnin með serif-leturgerðum og einni rauðri radísu.
- AI Product Generation — Ritstjórnarljósmyndastúdíó á hvítum pappír - titill sem forsíða, appelsínugulur litur fyrir ritstjórnarlega áherslu
- Getanchor — Hlýr terrakotta litur á sólbleiktum rjómalitum bakgrunni
- Flatfile — Róleg gagnadagbók á hlýju pergamenti
- Inthememory — Arkitektúrteikning á hvítum marmara með einni hlýrri birtu. Rólegt, ritstjórnarlegt gagnaherbergi þar sem dökkt tyrkisblá blek og pillulaga stjórntæki svífa yfir hvítum flötum, aðeins rofin af einni appelsínugulu skvettu.