Cursor
In noflike perkamentwurkpleats, ferljochte troch smeulende koalen
Cursor brûkt in waarme, perkament-eftige typografy: in romige doek, inketswarte tekst, en in inkele fûle oranje aksint dy't keppelings en seleksjes aktivearret ynstee fan knoppen op te foljen. Kopteksten, ynsteld yn CursorGothic op in gewicht fan 400, hawwe stadichoan ôfnimmende letterôfstân as se yn grutte tanimme - autoriteit wurdt berikt troch beheining en tinne lettergewichten ynstee fan fetheid. Oerflakken wurde flak en papierachtich hâlden, mei tinne rânen en sêfte, waarme grize skaden; hoeken bliuwe skerp mei in gewicht fan 4px yn 'e heule tekst. EB Garamond wurdt selektyf brûkt foar subkopteksten en proaza, wylst berkeleyMono koade, tags en metadata behannelet, wêrtroch it systeem in typografyske persoanlikheid krijt dy't mear fielt as in literêr tydskrift dan in SaaS-dashboard.
Maksimale breedte: 1300px sintraal, 24px marzje. Boppeste navigaasje: 52px hege transparante koptekst mei logo en tekstmark oan 'e lofterkant, 4 sintraal navigaasjekeppelings, "Oanmelde / Kontakt / Download" kluster rjochts ôfstimd. Hero: Links ôfstimde koptekst + dûbel call-to-action-blok mei tekst dy't rint fan linksboppe, dan in produktmockupkaart oer de folsleine breedte dy't de hiele breedte fan 'e pagina beslacht. Trust stripe: Ien horizontale rige fan 8 logotegels yn ien line oer de seksjebreedte. Feature-seksjes wikselje tekst oan 'e lofterkant en in skermôfbylding oan' e rjochterkant ôf yn in yndieling mei twa kolommen, elk 50/50, mei in fertikaal ritme fan 64-96px tusken seksjes. Alle screenshots fan funksjes binne finstermockups mei identike macOS-styling. Footer: Raster mei fjouwer kolommen fan keppelings mei it merkmerk oan 'e lofterkant. De seksjes wurde skieden troch genôch romte foar sykheljen ynstee fan skiedingswanden - it crèmekleurige doek sels soarget foar de skieding.
De produkt-screenshots steane sintraal: grutte macOS-finstermockups dy't de Cursor IDE yn aksje sjen litte: bestânsljeppers, ferskil-werjeften, agentplannen, terminalpanielen en Slack/chat-yntegraasje. Elke finstermockup is omliste mei in #f2f1ed-kaart mei in sêft, waarm kontrast. In gedempte lânskipsfoto (bergen/woastynhorizon) strekt him út fierder as de haadseksje, en foeget waarmte ta sûnder te konkurrearjen mei de brûkersynterface. Kliïntlogo's ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) wurde presintearre as monochrome letters binnen pilfoarmige linnentegels. D'r binne gjin foto's fan minsken, yllustraasjes of abstrakte dekorative grafyske eleminten - al it fisuele gewicht is rjochte op 'e brûkersynterface en branding fan it produkt. Ikoanen binne tinne, monolineaire glyphs fol mei #7a7974 Ash, nea chromatysk.
Palet
Neutraal
- Ink
#26251e— Primêre tekst, eftergrûn fan 'e primêre aksjeknop, navigaasjetekst - in waarme, hast swarte skaad, nea suver #000 - Parchment
#f7f7f4— De eftergrûn fan 'e pagina, it haaddoek, is in waarme crèmekleur dy't it kontrast verzacht en it gefoel fan inketprintsjen skept ynstee fan digitaal printsjen. - Bone
#f2f1ed— Kartonnen oerflakken en ferhege konteners, ien toan donkerder as it doek, meitsje in laachlik, grinsleas "papier-op-papier" effekt. - Linen
#e6e5e0— Ljochtneutrale opfoling foar knoppen op donkere oerflakken. - Stone
#cdcdc9— Tinne rânen, skieders, subtile partysjes - 1px linen yn waarme toanen - Mist
#a1a19f— Hulptekst fan it tredde nivo, ûnderskriften - tusken de gedempte en sekundêre tekst.
Typografy
fan 12 oant 72px · 6 stappen
- CursorGothic — ferfanging: Inter · sketsen 400, 500 · It primêre lettertype foar de brûkersynterface, kopteksten, navigaasje, tekst en produktûntwerp. Kopteksten mei in gewicht fan 400 punten en stadichoan ôfnimmende letterôfstân (-0.005em by 22px → -0.03em by 72px) binne in ûnderskiedend skaaimerk fan it lettertype: kopteksten binne nea fet. Lettertypefunksjes ss08, ss09 en tnum aktivearje stylistyske alternativen en tabelfoarmen.
- EB Garamond — ferfanging: Iowan Old Style · sketsen 400, 500 · In redaksjoneel serif-lettertype foar yndividuele subkopkes, lichemstekst en tabelgegevens, CursorGothic foeget in literêre touch ta oan 'e ynterface.
- berkeleyMono — ferfanging: ui-monospace · sketsen 400, 500 · Monospace - foar koadeblokken, kommandorigelfragminten, metadata, bestânspaden en ûntwikkelderslabels - in technyske taal.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8px |
| Knopradius | 4px |
| Kaartradius | 4px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 64-96px |
| Sidebreedte | 1300px |
AI sil jo webside bouwe yn Cursor -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Amplemarket — In sinnige wurkpleats bezaaid mei konfetti
- Getharvest — In buro op gouden oere - in waarm crèmekleurich doek, wite ansichtkaarten ophongen oan it doek, en in inkele helder oranje flam
- Drive Capital — Retro roadtrip-poster op waarm papier
- Wealthsimple — Pakhús mei kasjmierbekleding en galeryferljochting
- Huddle — Pastel ynventariskaarten op crèmekleurich papier
- Fuser — Fersprate Polaroids op 'e wurkmuorre fan in ûntwerper
- Campsite — In sinneljochte wurkstasjon fan in redaksje - waarm crèmekleurich papier mei in inkele oranje yntinsjestempel
- Redis Agency — De redaksjewurkpleats, iepen nei kantoaroeren, is in piktsjustere plak dêr't al it brandingwurk dien wurdt mei serif-lettertypen en in inkele reade radys.
- AI Product Generation — Redaksjonele fotografystudio op wyt papier - titel as omslach, oranje kleur foar redaksjonele markearring
- Getanchor — Waarme terracotta-tint op in sinne-ferbleekte crèmekleurige eftergrûn
- Flatfile — In rêstich gegevensdeiboek op waarm perkamint
- Inthememory — In arsjitektoanyske tekening op wyt moarmer mei ien waarm ljocht. In rêstige, redaksjonele datakeamer dêr't djip turquoise inket en pilfoarmige kontrôles boppe skerpe wite oerflakken sweve, allinnich ûnderbrutsen troch in inkele spat oranje.