Cursor
Egy hangulatos pergamenműhely, parázsló parázzsal megvilágítva
A Cursor meleg, pergamenszerű tipográfiát használ: krémszínű vászon, tintafekete szöveg és egyetlen tüzes narancssárga díszítés, amely a gombok kitöltése helyett a linkeket és a kijelöléseket aktiválja. A CursorGothic-ban 400-as betűvastagsággal beállított címsorok betűköze fokozatosan csökken a méretük növekedésével – a tekintélyt a visszafogottság és a vékony betűvastagság, nem pedig a merészség biztosítja. A felületek síkak és papírszerűek, vékony szegélyekkel és lágy, meleg szürke árnyékokkal; a sarkok élesek maradnak 4 képpontos betűvastagsággal a szövegben. Az EB Garamondot szelektíven használják az alcímekhez és a prózai szövegekhez, míg a berkeleyMono kezeli a kódot, a címkéket és a metaadatokat, így a rendszer tipográfiai személyiséget kölcsönöz a rendszernek, amely inkább egy irodalmi magazinra, mint egy SaaS-irányítópultra hasonlít.
Maximális szélesség: 1300 képpont középre igazítva, 24 képpontos margóval. Felső navigáció: 52 képpont magas átlátszó fejléc logóval és szövegjellel a bal oldalon, 4 középre igazított navigációs link, jobbra igazított "Bejelentkezés / Kapcsolat / Letöltés" csoport. Fő kép: Balra igazított fejléc + dupla cselekvésre ösztönző blokk bal felső sarokból kiinduló szöveggel, majd egy teljes szélességű termékmodellkártya, amely az oldal teljes szélességét kitölti. Megbízhatósági csík: Egy vízszintes sor 8 logócsempével egyetlen sorban a szakasz szélességén keresztül. A kiemelt szakaszok bal oldalon szöveggel és jobb oldalon képernyőképtel váltakoznak, kétoszlopos elrendezésben, mindegyik 50/50 arányban, a szakaszok között 64-96 képpontos függőleges ritmussal. Minden kiemelt képernyőkép ablakmodell, azonos macOS stílussal. Lábléc: Négyoszlopos linkrács, bal oldalon a márkajelzéssel. A szakaszokat bőséges tér választja el egymástól, nem pedig elválasztók - maga a krémszínű vászon biztosítja az elkülönítést.
A termék képernyőképei kerülnek középpontba: nagyméretű macOS ablak makettek, amelyek működés közben mutatják be a Cursor IDE-t: fájlfülek, differenciális nézetek, ügynöki tervek, terminálpanelek és Slack/chat integráció. Minden ablak makettet egy #f2f1ed kártya keretez, lágy, meleg kontraszttal. Egy visszafogott tájkép (hegyek/sivatagi horizont) nyúlik túl a fő részen, melegséget kölcsönözve anélkül, hogy versenyezne a felhasználói felülettel. Az ügyféllogók ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) monokróm betűkkel jelennek meg pirula alakú Linen csempékben. Nincsenek emberekről készült fényképek, illusztrációk vagy absztrakt dekoratív grafikai elemek – a vizuális súly a termék felhasználói felületére és márkajelzésére összpontosul. Az ikonok vékony, monolineáris karakterjelek, #7a7974 Ash színnel kitöltve, soha nem kromatikusak.
Paletta
Semleges
- Ink
#26251e— Elsődleges szöveg, elsődleges műveletgomb háttere, navigációs szöveg - meleg, szinte fekete árnyalat, soha nem tiszta #000 - Parchment
#f7f7f4— Az oldal háttere, a fő vászon, egy meleg krémszínű árnyalat, amely lágyítja a kontrasztot, és inkább a tintanyomás, mint a digitális nyomtatás érzetét kelti. - Bone
#f2f1ed— A vászonnál egy árnyalattal sötétebb kartonfelületek és kiemelt tartályok réteges, szegély nélküli „papír a papíron” hatást keltenek. - Linen
#e6e5e0— Világos semleges kitöltés sötét felületeken lévő gombokhoz. - Stone
#cdcdc9— Vékony szegélyek, elválasztók, finom válaszfalak – 1 képpontos vonalak meleg tónusokban - Mist
#a1a19f— Harmadik szintű segédszöveg, feliratok - a némított és a másodlagos szöveg között.
Tipográfia
12-től 72 képpontig · 6 lépésben
- CursorGothic — csere: Inter · körvonalak 400, 500 · A felhasználói felület, a címsorok, a navigáció, a törzsszöveg és a termékdizájn elsődleges betűtípusa. A betűtípus megkülönböztető jellemzője a 400 pontos vastagságú és fokozatosan csökkenő betűközű címsorok (-0,005em 22 képpontnál → -0,03em 72 képpontnál): a címsorok soha nem félkövérek. Az ss08, ss09 és tnum betűtípus-függvények aktiválják a stilisztikai alternatívákat és a táblázatos ábrákat.
- EB Garamond — csere: Iowan Old Style · körvonalak 400, 500 · A CursorGothic egy szerkesztői talpas betűtípus az egyes alcímekhez, a szövegtörzshöz és a táblázatos adatokhoz, irodalmi jelleget kölcsönöz a felhasználói felületnek.
- berkeleyMono — csere: ui-monospace · körvonalak 400, 500 · Monospace – kódblokkokhoz, parancssori kódrészletekhez, metaadatokhoz, fájlelérési utakhoz és fejlesztői címkékhez – egy műszaki nyelv.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8px |
| Gomb sugara | 4px |
| Kártya sugara | 4px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 64-96px |
| Oldal szélessége | 1300px |
A mesterséges intelligencia Cursor stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Amplemarket — Egy napfényben fürdő, konfettivel borított munkahely
- Getharvest — Egy íróasztal az aranyórában – meleg krémszínű vászon, fehér képeslapok lógnak a vásznon, és egyetlen élénk narancssárga láng
- Drive Capital — Retro autós kirándulás poszter meleg papíron
- Wealthsimple — Kasmírral bélelt raktár galériavilágítással
- Huddle — Pasztell színű leltárkártyák krémszínű papíron
- Fuser — Szétszórt polaroidok egy tervező munkafalán
- Campsite — Egy napsütötte szerkesztői munkaállomás - meleg krémszínű papír egyetlen narancssárga pecséttel
- Redis Agency — A zárás után is nyitva tartó szerkesztői műhely egy koromsötét hely, ahol az összes arculati munkát talpas betűtípusok és egyetlen piros retek végzik.
- AI Product Generation — Szerkesztői fotóstúdió fehér papíron - cím borítóként, narancssárga szín a szerkesztői kiemeléshez
- Getanchor — Meleg terrakotta árnyalat napszítta krémszínű háttéren
- Flatfile — Csendes adatnapló meleg pergamenen
- Inthememory — Egy fehér márványra festett építészeti rajz, egyetlen meleg fénnyel megvilágítva. Egy csendes, szerkesztői adattár, ahol mély türkizkék tinta és pirula alakú vezérlők lebegnek a ropogós fehér felületek felett, amelyeket csak egyetlen narancssárga folt tör meg.