Cursor
'n Gesellige perkamentwerkswinkel, verlig deur smeulende kole
Cursor gebruik 'n warm, perkamentagtige tipografie: 'n romerige doek, inkswart teks en 'n enkele vurige oranje aksent wat skakels en seleksies aktiveer eerder as om knoppies te vul. Opskrifte, in CursorGothic gestel teen 400 gewig, het geleidelik afnemende letterspasiëring soos hulle in grootte toeneem - gesag word bereik deur terughoudendheid en dun lettergewigte eerder as vetdruk. Oppervlaktes word plat en papieragtig gehou, met dun rande en sagte, warm grys skaduwees; hoeke bly skerp teen 4px gewig dwarsdeur die teks. EB Garamond word selektief gebruik vir subopskrifte en prosa, terwyl berkeleyMono kode, etikette en metadata hanteer, wat die stelsel 'n tipografiese persoonlikheid gee wat meer soos 'n literêre tydskrif as 'n SaaS-dashboard voel.
Maksimum breedte: 1300px gesentreer, 24px marge. Boonste navigasie: 52px hoë deursigtige koptekst met logo en teksmerk aan die linkerkant, 4 gesentreerde navigasieskakels, "Aanmeld / Kontak / Laai af"-groep regs in lyn gebring. Held: Links-ingestelde koptekst + dubbele oproep-tot-aksie-blok met teks wat van links bo af loop, dan 'n volbreedte-produk-mockup-kaart wat die hele breedte van die bladsy dek. Vertrouensstreep: Een horisontale ry van 8 logo-teëls in 'n enkele lyn oor die afdelingsbreedte. Kenmerkafdelings wissel teks aan die linkerkant en 'n skermkiekie aan die regterkant af in 'n tweekolom-uitleg, elk 50/50, met 'n vertikale ritme van 64-96px tussen afdelings. Alle kenmerk-skermkiekies is venster-mockups met identiese macOS-stilering. Voetskrif: Vierkolomrooster van skakels met die handelsmerkmerk aan die linkerkant. Die afdelings word geskei deur ruim asemhalingsruimte eerder as verdelers - die roomkleurige doek self verskaf die skeiding.
Die produk-skermkiekies neem die middelpunt in: groot macOS-venstermodelle wat die Cursor IDE in aksie vertoon: lêer-oortjies, verskil-aansigte, agentplanne, terminaalpanele en Slack/klets-integrasie. Elke venstermodelle word geraam met 'n #f2f1ed-kaart met 'n sagte, warm kontras. 'n Gedempte landskapfoto (berge/woestynhorison) strek verder as die hoofafdeling en voeg warmte by sonder om met die gebruikerskoppelvlak mee te ding. Kliëntlogo's ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) word as monochroom letters binne pilvormige linne-teëls aangebied. Daar is geen foto's van mense, illustrasies of abstrakte dekoratiewe grafiese elemente nie - al die visuele gewig is gefokus op die produk se gebruikerskoppelvlak en handelsmerk. Ikone is dun, monolineêre glife gevul met #7a7974 Ash, nooit chromaties nie.
Palet
Neutraal
- Ink
#26251e— Primêre teks, primêre aksieknoppie-agtergrond, navigasieteks - 'n warm, amper swart skakering, nooit suiwer #000 - Parchment
#f7f7f4— Die bladsyagtergrond, die hoofdoek, is 'n warm roomkleur wat die kontras versag en die gevoel van inkdrukwerk eerder as digitale drukwerk skep. - Bone
#f2f1ed— Kartonoppervlaktes en verhoogde houers, een toon donkerder as die doek, skep 'n gelaagde, randlose "papier-op-papier"-effek. - Linen
#e6e5e0— Ligte neutrale vulling vir knope op donker oppervlaktes. - Stone
#cdcdc9— Dun rande, verdelers, subtiele afskortings – 1px lyne in warm kleure - Mist
#a1a19f— Derdevlak-hulpteks, onderskrifte - tussen die gedempte en sekondêre teks.
Tipografie
van 12 tot 72px · 6 stappe
- CursorGothic — vervanging: Inter · buitelyne 400, 500 · Die primêre lettertipe vir die gebruikerskoppelvlak, opskrifte, navigasie, liggaamsteks en produkontwerp. Opskrifte met 'n gewig van 400 punte en geleidelik afnemende letterspasiëring (-0.005em teen 22px → -0.03em teen 72px) is 'n onderskeidende kenmerk van die lettertipe: opskrifte is nooit vetdruk nie. Lettertipefunksies ss08, ss09 en tnum aktiveer stilistiese alternatiewe en tabelvormige figure.
- EB Garamond — vervanging: Iowan Old Style · buitelyne 400, 500 · 'n Redaksionele serif-lettertipe vir individuele subopskrifte, liggaamsteks en tabeldata, CursorGothic voeg 'n literêre aanraking by die koppelvlak.
- berkeleyMono — vervanging: ui-monospace · buitelyne 400, 500 · Monospace - vir kodeblokke, opdragreëlbrokkies, metadata, lêerpaaie en ontwikkelaarsetikette - 'n tegniese taal.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8px |
| Knoppieradius | 4px |
| Kaartradius | 4px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 64-96px |
| Bladsybreedte | 1300px |
KI sal jou webwerf in Cursor -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Amplemarket — 'n Sonnige werkplek besaai met konfetti
- Getharvest — 'n Lessenaar tydens goue uur – 'n warm roomkleurige doek, wit poskaarte wat op die doek hang, en 'n enkele helder oranje vlam
- Drive Capital — Retro padreisplakkaat op warm papier
- Wealthsimple — Kasjmier-gevoerde pakhuis met galerybeligting
- Huddle — Pastelvoorraadkaarte op roomkleurige papier
- Fuser — Verspreide Polaroidfoto's op 'n ontwerper se werkmuur
- Campsite — 'n Sonverligte redakteur se werkstasie - warm roomkleurige papier met 'n enkele oranje intensiestempel
- Redis Agency — Die redaksionele werkswinkel, oop na-ure, is 'n pikdonker plek waar al die handelsmerkwerk met serif-lettertipes en 'n enkele rooi radys gedoen word.
- AI Product Generation — Redaksionele fotografie-ateljee op wit papier - titel as omslag, oranje kleur vir redaksionele uitlig
- Getanchor — Warm terracotta-kleur op 'n sonverbleikte roomkleurige agtergrond
- Flatfile — 'n Stil datadagboek op warm perkament
- Inthememory — ’n Argitektoniese tekening op wit marmer met ’n enkele warm lig. ’n Stil, redaksionele datakamer waar diep turkoois ink en pilvormige kontroles bo kraakvars wit oppervlaktes sweef, slegs onderbreek deur ’n enkele spatsel oranje.