Cursor
Et hyggeligt pergamentværksted, oplyst af ulmende kul
Cursor bruger en varm, pergamentlignende typografi: et cremet lærred, blæksort tekst og en enkelt, brændende orange accent, der aktiverer links og markeringer i stedet for at udfylde knapper. Overskrifter, der er angivet i CursorGothic med en vægt på 400, har gradvist aftagende bogstavafstand, efterhånden som de øges i størrelse – autoritet opnås gennem tilbageholdenhed og tynde bogstavtykkelser i stedet for fed skrift. Overfladerne holdes flade og papirlignende med tynde kanter og bløde, varme grå skygger; hjørnerne forbliver skarpe med en vægt på 4px i hele teksten. EB Garamond bruges selektivt til underoverskrifter og prosa, mens berkeleyMono håndterer kode, tags og metadata, hvilket giver systemet en typografisk personlighed, der føles mere som et litterært magasin end et SaaS-dashboard.
Maksimal bredde: 1300px centreret, 24px margen. Topnavigation: 52px høj transparent header med logo og tekstmærke til venstre, 4 centrerede navigationslinks, "Login / Kontakt / Download"-klynge justeret til højre. Hero: Venstrejusteret header + dobbelt call-to-action-blok med tekst, der løber fra øverst til venstre, derefter et produktmockup-kort i fuld bredde, der strækker sig over hele sidens bredde. Trust stripe: En vandret række med 8 logofelter på en enkelt linje på tværs af sektionsbredden. Feature-sektioner skifter mellem tekst til venstre og et skærmbillede til højre i et layout med to kolonner, hver 50/50, med en lodret rytme på 64-96px mellem sektionerne. Alle skærmbilleder af features er vinduesmockups med identisk macOS-styling. Sidefod: Gitter med fire kolonner af links med brandmærket til venstre. Sektionerne er adskilt af rigelig plads i stedet for skillevægge - selve det cremefarvede lærred sørger for adskillelsen.
Produktskærmbillederne er i centrum: store macOS-vinduesmodeller, der viser Cursor IDE i aktion: filfaner, diff-visninger, agentplaner, terminalpaneler og Slack/chat-integration. Hver vinduesmodell er indrammet med et #f2f1ed-kort med en blød, varm kontrast. Et dæmpet landskabsfoto (bjerge/ørkenhorisont) strækker sig ud over hovedsektionen og tilføjer varme uden at konkurrere med brugergrænsefladen. Klientlogoer ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) præsenteres som monokrome bogstaver i pilleformede linnedfliser. Der er ingen fotografier af personer, illustrationer eller abstrakte dekorative grafiske elementer - al den visuelle vægt er fokuseret på produktets brugergrænseflade og branding. Ikonerne er tynde, monolineære glyffer fyldt med #7a7974 Ash, aldrig kromatisk.
Palet
Neutral
- Ink
#26251e— Primær tekst, baggrund af primær handlingsknap, navigationstekst - en varm, næsten sort nuance, aldrig ren #000 - Parchment
#f7f7f4— Sidens baggrund, det primære lærred, har en varm cremefarve, der blødgør kontrasten og skaber følelsen af blæktryk snarere end digitaltryk. - Bone
#f2f1ed— Papoverflader og hævede beholdere, en tone mørkere end lærredet, skaber en lagdelt, kantløs "papir-på-papir"-effekt. - Linen
#e6e5e0— Lys neutral udfyldning til knapper på mørke overflader. - Stone
#cdcdc9— Tynde rammer, skillevægge, diskrete partitioner – 1px linjer i varme toner - Mist
#a1a19f— Hjælpetekst på tredje niveau, billedtekster - mellem den dæmpede og sekundære tekst.
Typografi
fra 12 til 72px · 6 trin
- CursorGothic — udskiftning: Inter · konturer 400, 500 · Den primære skrifttype til brugergrænsefladen, overskrifter, navigation, brødtekst og produktdesign. Overskrifter med en vægt på 400 punkter og gradvist faldende bogstavafstand (-0,005 em ved 22 px → -0,03 em ved 72 px) er et karakteristisk træk ved skrifttypen: overskrifter er aldrig fede. Skriftfunktionerne ss08, ss09 og tnum aktiverer stilistiske alternativer og tabelfigurer.
- EB Garamond — udskiftning: Iowan Old Style · konturer 400, 500 · CursorGothic er en redaktionel serif-skrifttype til individuelle underoverskrifter, brødtekst og tabeldata, der tilføjer et litterært præg til brugerfladen.
- berkeleyMono — udskiftning: ui-monospace · konturer 400, 500 · Monospace - til kodeblokke, kommandolinjestykker, metadata, filstier og udvikleretiketter - er et teknisk sprog.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8px |
| Knapradius | 4px |
| Kortradius | 4px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64-96px |
| Sidebredde | 1300px |
AI vil bygge din hjemmeside i Cursor -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Amplemarket — En solbeskinnet arbejdsplads oversået med konfetti
- Getharvest — Et skrivebord i den gyldne time – et varmt cremefarvet lærred, hvide postkort hængt på lærredet og en enkelt lys orange flamme
- Drive Capital — Retro roadtrip-plakat på varmt papir
- Wealthsimple — Kashmirforet lagerbygning med galleribelysning
- Huddle — Pastelfarvede inventarkort på cremefarvet papir
- Fuser — Spredte polaroidbilleder på en designers arbejdsvæg
- Campsite — En solbeskinnet redaktørs arbejdsplads - varmt cremefarvet papir med et enkelt orange intentstempel
- Redis Agency — Redaktionsværkstedet, der er åbent efter lukketid, er et kulsort sted, hvor alt brandingarbejdet udføres med serif-skrifttyper og en enkelt rød radise.
- AI Product Generation — Redaktionelt fotostudie på hvidt papir - titel som omslag, orange farve til redaktionel fremhævning
- Getanchor — Varm terrakottafarve på en solfalmet cremefarvet baggrund
- Flatfile — En stille datadagbog på varmt pergament
- Inthememory — En arkitektonisk tegning på hvid marmor med et enkelt varmt lys. Et stille, redaktionelt datarum, hvor dyb turkis blæk og pilleformede kontroller svæver over sprøde, hvide overflader, kun brudt af et enkelt stænk orange.