Cursor
Agrabla pergamenlaborejo, lumigita per bruletantaj karboj
Kursoro uzas varman, pergamentecan tipografion: kremecan kanvason, ink-nigran tekston, kaj ununuran fajran oranĝan akĉenton, kiu aktivigas ligilojn kaj elektojn anstataŭ plenigi butonojn. Titoloj, agorditaj en CursorGothic je 400-peco, havas iom post iom malkreskantan literinterspacon dum ili pligrandiĝas — aŭtoritato atingiĝas per modereco kaj maldikaj literpezoj anstataŭ aŭdaco. Surfacoj estas tenataj plataj kaj papersimilaj, kun maldikaj randoj kaj molaj, varmaj grizaj ombroj; anguloj restas klaraj je 4-piksela peco tra la tuta teksto. EB Garamond estas uzata selekteme por subtitoloj kaj prozo, dum berkeleyMono prizorgas kodon, etikedojn kaj metadatenojn, donante al la sistemo tipografian personecon, kiu aspektas pli kiel literatura revuo ol SaaS-panelo.
Maksimuma larĝo: 1300 rastrumeroj centrita, 24 rastrumera marĝeno. Supra navigado: 52 rastrumera alta travidebla titolo kun emblemo kaj teksta marko maldekstre, 4 centritaj navigadaj ligiloj, grupo "Ensaluti / Kontakti / Elŝuti" vicigita dekstre. Heroo: Maldekstre vicigita titolo + duobla alvoko-al-ago-bloko kun teksto iranta de supre maldekstre, poste plenlarĝa produkta mockup-karto kiu ampleksas la tutan larĝon de la paĝo. Fidostrio: Unu horizontala vico de 8 emblemaj kaheloj en ununura linio trans la sekcia larĝo. Trajtoj-sekcioj alternas tekston maldekstre kaj ekranfoton dekstre en du-kolumna aranĝo, ĉiu 50/50, kun vertikala ritmo de 64-96 rastrumeroj inter sekcioj. Ĉiuj trajtoj-ekranfotoj estas fenestraj mockup-oj kun identa macOS-stilo. Piedlinio: Kvar-kolumna krado de ligiloj kun la marko maldekstre. La sekcioj estas apartigitaj per ampleksa spirspaco anstataŭ dividiloj - la kremkolora kanvaso mem provizas la apartigon.
La produktaj ekranfotoj okupas centran lokon: grandaj macOS-fenestraj modeloj prezentantaj la Cursor IDE en ago: dosieraj langetoj, diferencoj-vidoj, agentaj planoj, terminalaj paneloj kaj Slack/babileja integriĝo. Ĉiu fenestra modelo estas enkadrigita per #f2f1ed-karto kun mola, varma kontrasto. Malforta pejzaĝa foto (montoj/dezerta horizonto) etendiĝas preter la ĉefa sekcio, aldonante varmecon sen konkuri kun la uzantinterfaco. Klientaj emblemoj ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) estas prezentitaj kiel monokromataj surskriboj ene de pilolformaj Linen-kaheloj. Ne estas fotoj de homoj, ilustraĵoj aŭ abstraktaj dekoraciaj grafikaj elementoj - la tuta vida pezo fokusiĝas al la uzantinterfaco kaj markigo de la produkto. Ikonoj estas maldikaj, unulinearaj ideogramoj plenigitaj per #7a7974 Cindro, neniam kromataj.
Paletro
Neŭtrala
- Ink
#26251e— Ĉefa teksto, fono de ĉefa agbutono, navigada teksto - varma, preskaŭ nigra nuanco, neniam pura #000 - Parchment
#f7f7f4— La paĝfono, la ĉefa kanvaso, estas varma kremkolora nuanco kiu moligas la kontraston kaj kreas la senton de inkopresado anstataŭ cifereca presado. - Bone
#f2f1ed— Kartonaj surfacoj kaj ŝvelintaj ujoj, unu tonon pli malhelaj ol la kanvaso, kreas tavoligitan, senrandan "papero-sur-papero" efikon. - Linen
#e6e5e0— Helneŭtrala plenigaĵo por butonoj sur malhelaj surfacoj. - Stone
#cdcdc9— Maldikaj borderoj, dividiloj, subtilaj sekcioj - 1px linioj en varmaj tonoj - Mist
#a1a19f— Trianivela helpteksto, apudskriboj - inter la silentigita kaj sekundara teksto.
Tipografio
de 12 ĝis 72 rastrumeroj · 6 paŝoj
- CursorGothic — anstataŭaĵo: Inter · konturoj 400, 500 · La ĉefa tiparo por la uzulinterfaco, titoloj, navigado, korpoteksto kaj produkta dezajno. Titoloj kun pezo de 400 poentoj kaj iom post iom malkreskanta interspaco inter literoj (-0,005em je 22px → -0,03em je 72px) estas distinga trajto de la tiparo: titoloj neniam estas grasaj. La tiparfunkcioj ss08, ss09 kaj tnum aktivigas stilajn alternativojn kaj tabelajn figurojn.
- EB Garamond — anstataŭaĵo: Iowan Old Style · konturoj 400, 500 · CursorGothic, redakcia serifa tiparo por individuaj subtitoloj, korpteksto kaj tabelaj datumoj, aldonas literaturan tuŝon al la interfaco.
- berkeleyMono — anstataŭaĵo: ui-monospace · konturoj 400, 500 · Monospaca - por kodblokoj, komandliniaj fragmentoj, metadatenoj, dosierpadoj kaj programistaj etikedoj - teknika lingvo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8px |
| Butona radiuso | 4px |
| Karto-radiuso | 4px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64-96px |
| Paĝlarĝo | 1300px |
AI konstruos vian retejon laŭ la stilo de Cursor kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Amplemarket — Sunplena laborejo disŝutita per konfetoj
- Getharvest — Skribotablo je ora horo - varma kremkolora kanvaso, blankaj poŝtkartoj pendantaj sur la kanvaso, kaj ununura brile oranĝa flamo
- Drive Capital — Retroa vojaĝafiŝo sur varma papero
- Wealthsimple — Kaŝmir-kovrita stokejo kun galeria lumigado
- Huddle — Paŝtelaj stokregistro-kartoj sur kremkolora papero
- Fuser — Polaroidoj disĵetitaj trans la labormuron de dizajnisto
- Campsite — Sunlumita laborejo de redaktanto - varma kremkolora papero kun ununura oranĝa intencstampo
- Redis Agency — La redakcia laborejo, malfermita post laborhoroj, estas tute nigra loko, kie la tuta markiga laboro estas farita per serifaj tiparoj kaj ununura ruĝa rafano.
- AI Product Generation — Redakcia fotografia studio sur blanka papero - titolo kiel kovrilo, oranĝa koloro por redakcia reliefigo
- Getanchor — Varma terakota nuanco sur sunpaliĝinta kremkolora fono
- Flatfile — Trankvila daten-taglibro sur varma pergameno
- Inthememory — Arkitektura desegnaĵo sur blanka marmoro kun ununura varma lumo. Trankvila, redakcia datenĉambro kie profunda turkiskolora inko kaj pilolformaj kontroloj flosas super krispaj blankaj surfacoj, rompitaj nur de ununura ŝpruco de oranĝkoloro.