Cursor
E gemittlecht Pergamentatelier, beliicht vu schmëlzende Kuelen
Cursor benotzt eng waarm, pergamentähnlech Typographie: eng cremeg Leinwand, tënteschwaarzen Text an en eenzegen feierlechen orange Akzent, deen Linken an Auswiel aktivéiert anstatt Knäppercher auszefëllen. Iwwerschrëften, déi a CursorGothic mat engem Gewiicht vun 400 festgeluecht sinn, hunn e graduell ofhuelende Buschtawenofstand, wa se méi grouss ginn - Autoritéit gëtt duerch Réckhalt a dënn Buschtawegewiichter anstatt duerch Fettheet erreecht. D'Uewerfläche gi flaach a pabeierähnlech gehalen, mat dënne Ränner a mëllen, waarme groe Schied; d'Ecker bleiwen mat engem Gewiicht vun 4px am ganzen Text schaarf. EB Garamond gëtt selektiv fir Ënneriwwerschrëften a Prosa benotzt, während berkeleyMono Code, Tags a Metadaten handhabt, wat dem System eng typographesch Perséinlechkeet gëtt, déi sech méi wéi eng literaresch Zäitschrëft wéi en SaaS-Dashboard ufillt.
Maximal Breet: 1300px zentréiert, 24px Rand. Navigatioun uewen: 52px héije transparenten Header mat Logo an Textmarkéierung lénks, 4 zentréiert Navigatiounslinken, "Login / Kontakt / Download" Cluster riets ausgeriicht. Hero: Lénks ausgeriichten Header + duebele Call-to-Action Block mat Text vun uewe lénks, dann eng Produkt-Mockup-Kaart a voller Breet, déi déi ganz Breet vun der Säit erstreckt. Trust Stripe: Eng horizontal Rei vun 8 Logo-Kachelen an enger eenzeger Linn iwwer d'Sektiounsbreet. Feature-Sektiounen ofwiesselnd Text lénks an e Screenshot riets an engem Layout mat zwou Kolonnen, all 50/50, mat engem vertikale Rhythmus vun 64-96px tëscht de Sektiounen. All Feature-Screenshots sinn Fënstermockups mat identeschem macOS-Styling. Fousszeil: Véier-Sailen-Raster vu Linken mat der Markmark lénks. D'Sektiounen sinn duerch vill Loftraum getrennt anstatt Trennwänn - d'crèmefaarweg Leinwand selwer suergt fir d'Trennung.
D'Produkt-Screenshots stinn am Mëttelpunkt: grouss macOS-Fënstermockups, déi d'Cursor IDE an Aktioun weisen: Datei-Tabs, Diff-Vue, Agentenpläng, Terminalpanele an Slack/Chat-Integratioun. All Fënstermockup ass mat enger #f2f1ed Kaart mat engem mëllen, waarme Kontrast gerummt. Eng gedämpft Landschaftsfoto (Bierger/Wüsthorizont) erstreckt sech iwwer den Haaptdeel eraus a gëtt Wäermt ouni mat der UI ze konkurréieren. Clientlogoen ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) ginn als monochrom Buschtawen a pillefërmege Léngen-Kachelen duergestallt. Et gi keng Fotoe vu Leit, Illustratiounen oder abstrakt dekorativ grafesch Elementer - de ganze visuelle Gewiicht konzentréiert sech op d'UI an d'Branding vum Produkt. Ikonen sinn dënn, monolinear Glyphen, déi mat #7a7974 Ash gefëllt sinn, ni chromatesch.
Palette
Neutral
- Ink
#26251e— Haapttext, Hannergrond vum Haaptaktiounsknäppchen, Navigatiounstext - e waarmen, bal schwaarzen Téin, ni reng #000 - Parchment
#f7f7f4— Den Hannergrond vun der Säit, d'Haaptleinwand, ass e waarme Crème-Téin, deen de Kontrast mëllt an d'Gefill vun Tëntendrock amplaz vun Digitaldrock schaaft. - Bone
#f2f1ed— Kartongsflächen an erhiewte Behälter, eng Ton méi donkel wéi d'Leinwand, kreéieren en geschichteten, randlosen "Pabeier-op-Pabeier"-Effekt. - Linen
#e6e5e0— Hell neutral Fëllung fir Knäppercher op donkelen Uewerflächen. - Stone
#cdcdc9— Dënn Bordüren, Trennwänn, subtil Trennwänn – 1px Linnen a waarmen Téin - Mist
#a1a19f— Hëllefstext vum drëtten Niveau, Ënnerschrëften - tëscht dem gedämpften an dem sekundären Text.
Typographie
vun 12 bis 72px · 6 Schrëtt
- CursorGothic — Ersatz: Inter · Konturen 400, 500 · Déi primär Schrëft fir d'Benotzerinterface, d'Iwwerschrëften, d'Navigatioun, de Kierpertext an d'Produktdesign. Iwwerschrëften mat enger Gewiichtung vu 400 Punkten an engem graduell ofhuelende Buschtawenofstand (-0,005em bei 22px → -0,03em bei 72px) sinn eng markant Eegeschaft vun der Schrëft: Iwwerschrëften sinn ni fettgedréckt. D'Schrëftfunktiounen ss08, ss09 an tnum aktivéieren stilistesch Alternativen a tabellaresch Figuren.
- EB Garamond — Ersatz: Iowan Old Style · Konturen 400, 500 · Als redaktionell Serif-Schrëft fir individuell Ënnertitelen, Kierpertext an tabellaresch Daten gëtt CursorGothic der Interface eng literaresch Note.
- berkeleyMono — Ersatz: ui-monospace · Konturen 400, 500 · Monospace - fir Codeblöcken, Kommandozeilesnippets, Metadaten, Dateipfaden an Entwécklerlabels - eng technesch Sprooch.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8px |
| Knäppchenradius | 4px |
| Kaarteradius | 4px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 64-96px |
| Säitebreet | 1300px |
KI baut Är Websäit am Stil vun Cursor op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Amplemarket — E sonnege Schaffplatz mat Konfetti bedeckt
- Getharvest — En Schreifdësch zur gëllener Stonn – eng waarm Crèmefaarf Leinwand, wäiss Postkaarten op der Leinwand hänken, an eng eenzeg hell orange Flam
- Drive Capital — Retro Roadtrip-Poster op waarmem Pabeier
- Wealthsimple — Kaschmir-gefüttert Lagerhaus mat Galeriebeliichtung
- Huddle — Pastell Inventarkaarten op Crèmepabeier
- Fuser — Verstreet Polaroidbiller op der Aarbechtsmauer vun engem Designer
- Campsite — Eng sonneg beliichte Redakteraarbechtsplaz - waarmt Crèmepabeier mat engem eenzegen orange Stempel
- Redis Agency — Den redaktionellen Atelier, deen no den Öffnungszeiten op ass, ass e stockdäischtere Plaz, wou all d'Branding-Aarbecht mat Serif-Schrëften an engem eenzege roude Rettich gemaach gëtt.
- AI Product Generation — Editorialfotografiestudio op wäissem Pabeier - Titel als Cover, orange Faarf fir redaktionell Ervirhiewen
- Getanchor — Waarm Terrakotta-Téin op engem sonneverblendeten Crème-Hannergrond
- Flatfile — E rouegt Datentagebuch op waarmem Pergament
- Inthememory — Eng architektonesch Zeechnung op wäissem Marmer mat engem eenzege waarme Liicht. E rouegen, redaktionellen Datenraum, wou déif türkis Tënt a pillefërmeg Kontrollen iwwer knusprech wäissen Uewerfläche schwiewen, nëmme vun engem eenzege Sprëtz Orange ënnerbrach.