Cursor
Një punishte komode pergamene, e ndriçuar nga qymyr që digjen
Cursor përdor një tipografi të ngrohtë, si pergamenë: një kanavacë kremoze, tekst të zi me bojë dhe një theks të vetëm portokalli të zjarrtë që aktivizon lidhjet dhe përzgjedhjet në vend që të mbushë butonat. Titujt, të vendosur në CursorGothic në peshën 400, kanë hapësirë midis shkronjave që zvogëlohet gradualisht ndërsa rriten në madhësi - autoriteti arrihet përmes përmbajtjes dhe peshave të holla të shkronjave në vend të guximit. Sipërfaqet mbahen të sheshta dhe si letër, me kufij të hollë dhe hije gri të buta e të ngrohta; cepat mbeten të qartë me peshë 4px në të gjithë tekstin. EB Garamond përdoret në mënyrë selektive për nëntitujt dhe prozën, ndërsa berkeleyMono trajton kodin, etiketat dhe metadatat, duke i dhënë sistemit një personalitet tipografik që ndihet më shumë si një revistë letrare sesa një panel SaaS.
Gjerësia maksimale: 1300px në qendër, diferencë 24px. Navigimi sipër: Kokë transparente me lartësi 52px me logo dhe shenjë teksti në të majtë, 4 lidhje navigimi në qendër, grumbulli "Hyrje / Kontakt / Shkarkim" i rreshtuar në të djathtë. Hero: Kokë e rreshtuar në të majtë + bllok i dyfishtë thirrjeje për veprim me tekst që fillon nga lart majtas, pastaj një kartë model produkti me gjerësi të plotë që përfshin të gjithë gjerësinë e faqes. Vijë besimi: Një rresht horizontal me 8 pllaka logoje në një rresht të vetëm përgjatë gjerësisë së seksionit. Seksionet e veçorive alternojnë tekstin në të majtë dhe një pamje të ekranit në të djathtë në një paraqitje me dy kolona, secila 50/50, me një ritëm vertikal prej 64-96px midis seksioneve. Të gjitha pamjet e ekranit të veçorive janë modele dritaresh me stil identik macOS. Fundi i faqes: Rrjetë me katër kolona lidhjesh me shenjën e markës në të majtë. Seksionet ndahen nga hapësirë e mjaftueshme frymëmarrjeje në vend të ndarësve - vetë kanavaca krem siguron ndarjen.
Pamjet e ekranit të produktit zënë vendin kryesor: makete të mëdha dritaresh macOS që shfaqin Cursor IDE në veprim: skedat e skedarëve, pamjet e ndryshimeve, planet e agjentëve, panelet e terminalit dhe integrimin Slack/chat. Çdo makete dritareje është e kornizuar me një kartë #f2f1ed me një kontrast të butë dhe të ngrohtë. Një foto peizazhi e zbehtë (male/horizont shkretëtire) shtrihet përtej seksionit kryesor, duke shtuar ngrohtësi pa konkurruar me ndërfaqen e përdoruesit. Logot e klientëve ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) paraqiten si shkronja monokrome brenda pllakave Linen në formë pilule. Nuk ka fotografi njerëzish, ilustrime ose elementë grafikë dekorativë abstraktë - e gjithë pesha vizuale është e përqendruar në ndërfaqen e përdoruesit dhe markën e produktit. Ikonat janë glife të holla, monolineare të mbushura me #7a7974 Ash, kurrë kromatike.
Paletë
Neutral
- Ink
#26251e— Teksti kryesor, sfondi i butonit të veprimit kryesor, teksti i navigimit - një nuancë e ngrohtë, pothuajse e zezë, kurrë #000 e pastër - Parchment
#f7f7f4— Sfondi i faqes, kanavaca kryesore, është një nuancë e ngrohtë krem që zbut kontrastin dhe krijon ndjesinë e printimit me bojë në vend të printimit dixhital. - Bone
#f2f1ed— Sipërfaqet e kartonit dhe enët e ngritura, një ton më të errëta se kanavaca, krijojnë një efekt "letër mbi letër" me shtresa dhe pa bordura. - Linen
#e6e5e0— Mbushje neutrale e lehtë për butonat në sipërfaqe të errëta. - Stone
#cdcdc9— Kufij të hollë, ndarës, ndarje delikate – vija 1px në tone të ngrohta - Mist
#a1a19f— Tekst ndihmës i nivelit të tretë, mbishkrime - midis tekstit të heshtur dhe atij dytësor.
Tipografi
nga 12 në 72px · 6 hapa
- CursorGothic — zëvendësim: Inter · skica 400, 500 · Fonti kryesor për ndërfaqen e përdoruesit, titujt, navigimin, tekstin e trupit dhe dizajnin e produktit. Titujt me një peshë prej 400 pikësh dhe hapësirë midis shkronjave që zvogëlohet gradualisht (-0.005em në 22px → -0.03em në 72px) janë një tipar dallues i fontit: titujt nuk janë kurrë të trashë. Funksionet e fontit ss08, ss09 dhe tnum aktivizojnë alternativa stilistike dhe figura tabelare.
- EB Garamond — zëvendësim: Iowan Old Style · skica 400, 500 · Një font serif editorial për nëntituj individualë, tekstin e trupit dhe të dhënat tabelare, CursorGothic i shton një prekje letrare ndërfaqes.
- berkeleyMono — zëvendësim: ui-monospace · skica 400, 500 · Monospace - për blloqe kodi, fragmente të rreshtit të komandës, meta të dhëna, shtigje skedarësh dhe etiketa zhvilluesish - një gjuhë teknike.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8px |
| Rrezja e butonit | 4px |
| Rrezja e kartës | 4px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 64-96px |
| Gjerësia e faqes | 1300px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Cursor dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Amplemarket — Një vend pune i mbuluar nga dielli i mbushur me konfeti
- Getharvest — Një tavolinë në orën e artë – një kanavacë e ngrohtë krem, kartolina të bardha të varura në kanavacë dhe një flakë e vetme portokalli e ndritshme
- Drive Capital — Poster udhëtimi rrugor retro në letër të ngrohtë
- Wealthsimple — Depo e veshur me kashmir dhe ndriçim galerie
- Huddle — Kartat e inventarit pastel në letër krem
- Fuser — Fotografi Polaroid të shpërndara në murin e punës së një dizajneri
- Campsite — Një vend pune i redaktorit të ndriçuar nga dielli - letër krem e ngrohtë me një pullë të vetme me ngjyrë portokalli
- Redis Agency — Punëtoria editoriale, e hapur pas orarit të punës, është një vend krejtësisht i errët ku e gjithë puna e krijimit të markës bëhet me shkronja serif dhe një rrepkë të vetme të kuqe.
- AI Product Generation — Studio fotografike editoriale në letër të bardhë - titull si kopertinë, ngjyrë portokalli për theksim editorial
- Getanchor — Ngjyrë e ngrohtë terrakote në një sfond krem të zbehur nga dielli
- Flatfile — Një ditar i qetë me të dhëna në pergamenë të ngrohtë
- Inthememory — Një vizatim arkitektonik mbi mermer të bardhë me një dritë të vetme të ngrohtë. Një dhomë e qetë e të dhënave editoriale ku bojë e thellë turkeze dhe kontrolle në formë pilule notojnë mbi sipërfaqe të bardha të pastra, të thyera vetëm nga një spërkatje e vetme portokalli.