Cursor
Et koselig pergamentverksted, opplyst av ulmende kull
Cursor bruker en varm, pergamentlignende typografi: et kremet lerret, blekksvart tekst og en enkelt, flammende oransje aksent som aktiverer lenker og valg i stedet for å fylle knapper. Overskrifter, satt i CursorGothic med en vekt på 400, har gradvis avtagende bokstavavstand etter hvert som de øker i størrelse – autoritet oppnås gjennom tilbakeholdenhet og tynne bokstavtykkelser i stedet for fet skrift. Overflatene holdes flate og papirlignende, med tynne kanter og myke, varme grå skygger; hjørnene forblir skarpe med en vekt på 4 piksler gjennom hele teksten. EB Garamond brukes selektivt til underoverskrifter og prosa, mens berkeleyMono håndterer kode, tagger og metadata, noe som gir systemet en typografisk personlighet som føles mer som et litterært magasin enn et SaaS-dashbord.
Maksimal bredde: 1300 piksler sentrert, 24 piksler marg. Toppnavigasjon: 52 piksler høy gjennomsiktig topptekst med logo og tekstmerke til venstre, 4 sentrerte navigasjonslenker, "Logg inn / Kontakt / Last ned"-klynge justert til høyre. Hero: Venstrejustert topptekst + dobbel handlingsfremmende blokk med tekst som går fra øverst til venstre, deretter et produktmockup-kort i full bredde som strekker seg over hele sidens bredde. Trust stripe: Én horisontal rad med 8 logofliser på en enkelt linje på tvers av seksjonsbredden. Feature-seksjoner veksler mellom tekst til venstre og et skjermbilde til høyre i et to-kolonnes layout, hver 50/50, med en vertikal rytme på 64–96 piksler mellom seksjonene. Alle skjermbilder av funksjonene er vindusmockuper med identisk macOS-styling. Bunntekst: Rutenett med fire kolonner med merkevaremerket til venstre. Seksjonene er atskilt med god pusterom i stedet for skillevegger – selve det kremfargede lerretet sørger for separasjonen.
Produktskjermbildene står i sentrum: store macOS-vindusmodeller som viser frem Cursor IDE i aksjon: filfaner, diff-visninger, agentplaner, terminalpaneler og Slack/chat-integrasjon. Hver vindusmodell er innrammet med et #f2f1ed-kort med en myk, varm kontrast. Et dempet landskapsbilde (fjell/ørkenhorisont) strekker seg utover hoveddelen og tilfører varme uten å konkurrere med brukergrensesnittet. Klientlogoer ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) presenteres som monokrome bokstaver i pilleformede Linen-fliser. Det er ingen fotografier av mennesker, illustrasjoner eller abstrakte dekorative grafiske elementer – all den visuelle tyngden er fokusert på produktets brukergrensesnitt og merkevarebygging. Ikonene er tynne, monolineære tegn fylt med #7a7974 Ash, aldri kromatisk.
Palett
Nøytral
- Ink
#26251e— Primærtekst, bakgrunn for primær handlingsknapp, navigasjonstekst – en varm, nesten svart nyanse, aldri ren #000 - Parchment
#f7f7f4— Sidens bakgrunn, hovedlerretet, har en varm kremfarge som myker opp kontrasten og skaper følelsen av blekktrykk i stedet for digitaltrykk. - Bone
#f2f1ed— Pappoverflater og hevede beholdere, én tone mørkere enn lerretet, skaper en lagdelt, kantløs «papir-på-papir»-effekt. - Linen
#e6e5e0— Lys nøytral fylling for knapper på mørke overflater. - Stone
#cdcdc9— Tynne rammer, skillevegger, diskré partisjoner – 1px-linjer i varme toner - Mist
#a1a19f— Hjelpetekst på tredje nivå, bildetekster – mellom dempet og sekundærtekst.
Typografi
fra 12 til 72 piksler · 6 trinn
- CursorGothic — erstatning: Inter · omriss 400, 500 · Primærskrifttypen for brukergrensesnitt, overskrifter, navigasjon, brødtekst og produktdesign. Overskrifter med en vekt på 400 punkter og gradvis avtagende bokstavavstand (-0,005 em ved 22 piksler → -0,03 em ved 72 piksler) er et særegent trekk ved skrifttypen: overskrifter er aldri fet skrift. Skriftfunksjonene ss08, ss09 og tnum aktiverer stilistiske alternativer og tabellfigurer.
- EB Garamond — erstatning: Iowan Old Style · omriss 400, 500 · CursorGothic er en redaksjonell serif-skrifttype for individuelle underoverskrifter, brødtekst og tabelldata, og gir grensesnittet et litterært preg.
- berkeleyMono — erstatning: ui-monospace · omriss 400, 500 · Monospace – for kodeblokker, kommandolinjestykker, metadata, filstier og utvikleretiketter – et teknisk språk.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8px |
| Knapperadius | 4px |
| Kortradius | 4px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64-96px |
| Sidebredde | 1300px |
AI vil bygge nettstedet ditt i Cursor -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Amplemarket — En solfylt arbeidsplass strødd med konfetti
- Getharvest — Et skrivebord i den gylne timen – et varmt kremfarget lerret, hvite postkort hengt på lerretet og en enkelt lys oransje flamme
- Drive Capital — Retro bilturplakat på varmt papir
- Wealthsimple — Kasjmirforet lagerbygning med galleribelysning
- Huddle — Pastellfargede inventarkort på kremfarget papir
- Fuser — Spredte polaroidbilder på en designers arbeidsvegg
- Campsite — En solbelyst redaktørarbeidsplass – varmt kremfarget papir med et enkelt oransje intensjonsstempel
- Redis Agency — Redaksjonsverkstedet, åpent etter stengetid, er et bekmørkt sted hvor alt merkevarebyggingsarbeidet gjøres med serif-fonter og en enkelt rød reddik.
- AI Product Generation — Redaksjonelt fotostudio på hvitt papir - tittel som omslag, oransje farge for redaksjonell utheving
- Getanchor — Varm terrakottafarge på en solbleket kremfarget bakgrunn
- Flatfile — En stille datadagbok på varmt pergament
- Inthememory — En arkitektonisk tegning på hvit marmor med et enkelt varmt lys. Et stille, redaksjonelt datarom hvor dyp turkis blekk og pilleformede kontroller svever over skarpe hvite overflater, kun brutt av et enkelt skvett oransje.