Cursor
Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
„Cursor“ naudoja šiltą, pergamentą primenančią tipografiją: kreminę drobę, juodą rašalą ir vieną ryškiai oranžinį akcentą, kuris aktyvuoja nuorodas ir pasirinkimus, o ne užpildo mygtukus. Antraštės, kurių storis „CursorGothic“ programoje yra 400, palaipsniui mažėja tarpais tarp raidžių, didėjant jų dydžiui – autoritetas pasiekiamas santūrumu ir plonu raidžių storiu, o ne ryškumu. Paviršiai išlieka plokšti ir popieriniai, su plonomis rėmeliais ir švelniais, šiltai pilkais šešėliais; kampai išlieka aiškūs, o storis – 4 pikseliai visame tekste. EB „Garamond“ naudojamas selektyviai paantraštėms ir prozai, o „berkeleyMono“ tvarko kodą, žymas ir metaduomenis, suteikdama sistemai tipografinį charakterį, kuris labiau primena literatūros žurnalą nei SaaS ataskaitų suvestinę.
Didžiausias plotis: 1300 pikselių centre, 24 pikselių paraštė. Viršutinė naršymo juosta: 52 pikselių aukščio permatoma antraštė su logotipu ir teksto žyme kairėje, 4 centruotos naršymo nuorodos, dešinėje sulygiuotas blokas „Prisijungti / Susisiekti / Atsisiųsti“. Pagrindinis elementas: Kairėje sulygiuota antraštė + dvigubas raginimo veikti blokas su tekstu, einančiu iš viršaus kairėje, tada viso pločio produkto maketo kortelė, apimanti visą puslapio plotį. Pasitikėjimo juosta: Viena horizontali 8 logotipo plytelių eilutė vienoje eilutėje per visą sekcijos plotį. Funkcijų sekcijose tekstas kaitaliojasi kairėje ir ekrano kopija dešinėje dviejų stulpelių išdėstyme, kiekvienas 50/50, su 64–96 pikselių vertikaliu ritmu tarp sekcijų. Visos funkcijų ekrano kopijos yra langų maketai su identišku macOS stiliumi. Poraštė: Keturių stulpelių nuorodų tinklelis su prekės ženklo ženklu kairėje. Skyrius skiria pakankama erdvė, o ne pertvaros – pats kreminės spalvos drobė užtikrina atskyrimą.
Produkto ekrano kopijos užima pagrindinę vietą: dideli „macOS“ langų maketai, kuriuose demonstruojama „Cursor IDE“ veikimo aplinka: failų skirtukai, skirtumų rodiniai, agentų planai, terminalų skydeliai ir „Slack“ / pokalbių integracija. Kiekvienas lango maketas įrėmintas #f2f1ed kortele su švelniu, šiltu kontrastu. Prislopintas peizažo vaizdas (kalnai / dykumos horizontas) tęsiasi už pagrindinės dalies ribų, suteikdamas šilumos, nekonkuruodamas su vartotojo sąsaja. Klientų logotipai ( Stripe, „OpenAI“, „Linear“, „Datadog“, „NVIDIA“, „Figma“, „Ramp“, „Adobe“) pateikiami kaip vienspalvės raidės piliulės formos „Linen“ plytelėse. Nėra žmonių nuotraukų, iliustracijų ar abstrakčių dekoratyvinių grafinių elementų – visas vizualinis svoris sutelktas į produkto vartotojo sąsają ir prekės ženklą. Piktogramos yra ploni, vienlinijiniai glifai, užpildyti #7a7974 Ash dažais, niekada nechromatiniai.
Paletė
Neutralus
- Ink
#26251e— Pagrindinis tekstas, pagrindinio veiksmo mygtuko fonas, naršymo tekstas – šiltas, beveik juodas atspalvis, niekada ne grynas #000 - Parchment
#f7f7f4— Puslapio fonas, pagrindinė drobė, yra šilto kreminio atspalvio, kuris sušvelnina kontrastą ir sukuria rašalo, o ne skaitmeninės spaudos pojūtį. - Bone
#f2f1ed— Kartoniniai paviršiai ir iškilūs indai, vienu tonu tamsesni nei drobė, sukuria sluoksniuotą, be rėmelių „popieriaus ant popieriaus“ efektą. - Linen
#e6e5e0— Šviesiai neutralus užpildas mygtukams ant tamsių paviršių. - Stone
#cdcdc9— Plonos kraštinės, pertvaros, subtilios pertvaros – 1 pikselio linijos šiltomis spalvomis - Mist
#a1a19f— Trečiojo lygio pagalbinis tekstas, titrai – tarp nutildyto ir antrinio teksto.
Tipografija
nuo 12 iki 72 pikselių · 6 žingsniai
- CursorGothic — pakeitimas: Inter · kontūrai 400, 500 · Pagrindinis šriftas, skirtas vartotojo sąsajai, antraščiams, navigacijai, pagrindiniam tekstui ir produkto dizainui. 400 taškų storio antraštės su palaipsniui mažėjančiais raidžių tarpais (-0,005 em esant 22 pikseliams → -0,03 em esant 72 pikseliams) yra išskirtinis šrifto bruožas: antraštės niekada nebūna paryškintos. Šrifto funkcijos ss08, ss09 ir tnum aktyvuoja stilistinius alternatyvus ir lentelinius paveikslėlius.
- EB Garamond — pakeitimas: Iowan Old Style · kontūrai 400, 500 · „CursorGothic“ – redakcinis serifinis šriftas, skirtas atskiroms paantraštėms, pagrindiniam tekstui ir lenteliniams duomenims, suteikiantis sąsajai literatūrinį atspalvį.
- berkeleyMono — pakeitimas: ui-monospace · kontūrai 400, 500 · Monospace – kodo blokams, komandinės eilutės fragmentams, metaduomenims, failų keliams ir kūrėjo žymoms – techninė kalba.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 4px |
| Kortelės spindulys | 4px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 64-96px |
| Puslapio plotis | 1300px |
Dirbtinis intelektas sukurs jūsų svetainę Cursor stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti
- Getharvest — Stalas auksinę valandą – šilta kreminė drobė, ant drobės kabančios baltos atvirukės ir viena ryškiai oranžinė liepsna
- Drive Capital — Retro kelionės automobiliu plakatas ant šilto popieriaus
- Wealthsimple — Kašmyru išklotas sandėlis su galerijos apšvietimu
- Huddle — Pastelinės spalvos inventoriaus kortelės ant kreminio popieriaus
- Fuser — Išsibarstę polaroidai ant dizainerio darbo sienos
- Campsite — Saulės apšviesta redaktoriaus darbo vieta – šiltas kreminis popierius su vienu oranžiniu antspaudu
- Redis Agency — Redakcijos dirbtuvės, dirbančios po darbo valandų, yra aklinai juoda vieta, kur visas prekės ženklo kūrimo darbas atliekamas serifiniais šriftais ir vienu raudonu ridiku.
- AI Product Generation — Redakcinės fotografijos studija ant balto popieriaus – pavadinimas kaip viršelis, oranžinė spalva redakciniam paryškinimui
- Getanchor — Šiltas terakotos atspalvis saulės išblukusiame kreminiame fone
- Flatfile — Tylus duomenų dienoraštis ant šilto pergamento
- Inthememory — Architektūrinis piešinys ant balto marmuro su viena šilta šviesa. Tyli redakcinių duomenų patalpa, kurioje virš ryškiai baltų paviršių kybo tamsiai turkio spalvos rašalas ir piliulės formos valdikliai, kuriuos pertraukia tik vienas oranžinis purslas.