Cursor
Yon atelye parchemin konfòtab, limen pa chabon ki t ap fè lafimen
Cursor itilize yon tipografi cho, tankou parchemin: yon twal krèm, tèks nwa tankou lank, ak yon sèl aksan zoranj dife ki aktive lyen ak seleksyon olye pou l ranpli bouton. Tit yo, ki mete nan CursorGothic nan yon pwa 400, gen yon espasman lèt ki diminye piti piti pandan y ap ogmante nan gwosè—otorite a reyalize atravè moderasyon ak pwa lèt mens olye de fonse. Sifas yo kenbe plat ak tankou papye, ak fwontyè mens ak lonbraj gri mou ak cho; kwen yo rete byen file nan yon pwa 4px nan tout tèks la. EB Garamond itilize selektivman pou soutit ak pwoz, pandan ke berkeleyMono jere kòd, etikèt, ak metadone, sa ki bay sistèm nan yon pèsonalite tipografik ki sanble plis ak yon magazin literè pase yon tablodbò SaaS.
Lajè maksimòm: 1300px santre, maj 24px. Navigasyon anlè: Yon antet transparan 52px wotè ak logo ak mak tèks sou bò gòch la, 4 lyen navigasyon santre, gwoup "Login / Kontakte / Telechaje" aliyen sou bò dwat la. Ewo: Yon antet aliyen sou bò gòch + doub blòk apèl-a-aksyon ak tèks ki soti anwo agoch, answit yon kat maket pwodwi tout lajè ki kouvri tout lajè paj la. Bann konfyans: Yon ranje orizontal 8 mozayik logo nan yon sèl liy atravè lajè seksyon an. Seksyon karakteristik yo altène tèks sou bò gòch la ak yon ekran sou bò dwat la nan yon layout de kolòn, chak 50/50, ak yon ritm vètikal 64-96px ant seksyon yo. Tout ekran karakteristik yo se maket fenèt ak yon stil macOS idantik. Pye paj: Griy kat kolòn ak lyen ak mak mak la sou bò gòch la. Seksyon yo separe pa anpil espas olye de divizyon - twal krèm nan li menm bay separasyon an.
Ekran pwodwi yo pran sant sèn nan: gwo maket fenèt macOS ki montre IDE Cursor la an aksyon: onglet fichye, vi diferans, plan ajan, panèl tèminal, ak entegrasyon Slack/chat. Chak maket fenèt ankadre ak yon kat #f2f1ed ak yon kontras dou ak cho. Yon foto peyizaj mou (mòn/orizon dezè) pwolonje pi lwen pase seksyon prensipal la, ajoute chalè san li pa fè konpetisyon ak koòdone itilizatè a. Logo kliyan yo ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) prezante kòm lèt monokrom nan mozayik Linen ki gen fòm grenn. Pa gen foto moun, ilistrasyon, oswa eleman grafik dekoratif abstrè—tout pwa vizyèl la konsantre sou koòdone itilizatè ak mak pwodwi a. Ikòn yo se glif mens, monolineyè ki ranpli ak #7a7974 Ash, pa janm kromatik.
Palèt
Netral
- Ink
#26251e— Tèks prensipal, background bouton aksyon prensipal, tèks navigasyon - yon koulè cho, prèske nwa, pa janm pi #000 - Parchment
#f7f7f4— Fon paj la, twal prensipal la, se yon koulè krèm cho ki adousi kontras la epi ki kreye sansasyon enprime ak lank olye de enprime dijital. - Bone
#f2f1ed— Sifas katon ak resipyan an relief, yon ton pi fonse pase twal la, kreye yon efè "papye sou papye" an kouch, san fwontyè. - Linen
#e6e5e0— Ranpli net klè pou bouton sou sifas nwa. - Stone
#cdcdc9— Fwontyè mens, divizè, patisyon sibtil - liy 1px nan ton cho - Mist
#a1a19f— Tèks oksilyè twazyèm nivo, tit - ant tèks ki pa gen son an ak tèks segondè a.
Tipografi
soti nan 12 pou rive nan 72px · 6 etap
- CursorGothic — ranplasman: Inter · plan 400, 500 · Font prensipal pou koòdone itilizatè a, tit yo, navigasyon an, kò tèks la, ak konsepsyon pwodwi a. Tit ki gen yon pwa 400 pwen ak espasman lèt ki diminye piti piti (-0.005em nan 22px → -0.03em nan 72px) se yon karakteristik diferan nan font lan: tit yo pa janm fonse. Fonksyon font ss08, ss09, ak tnum aktive altènativ estilistik ak figi tabular.
- EB Garamond — ranplasman: Iowan Old Style · plan 400, 500 · CursorGothic, yon polis karaktè serif editoryal pou soutit endividyèl, kò tèks, ak done tabular, ajoute yon touche literè nan koòdone nan.
- berkeleyMono — ranplasman: ui-monospace · plan 400, 500 · Monospace - pou blòk kòd, ti moso kòd liy kòmand, metadone, chemen fichye, ak etikèt devlopè - yon langaj teknik.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8px |
| Reyon bouton | 4px |
| Reyon kat | 4px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64-96px |
| Lajè paj la | 1300px |
IA ap bati sit entènèt ou a nan style Cursor epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Amplemarket — Yon espas travay benyen nan solèy ki gaye ak konfeti
- Getharvest — Yon biwo nan lè dore - yon twal krèm cho, kat postal blan pandye sou twal la, ak yon sèl flanm dife zoranj klere.
- Drive Capital — Afich vwayaj retro sou papye cho
- Wealthsimple — Depo aliyen ak kachmir ak ekleraj galeri
- Huddle — Kat envantè pastel sou papye krèm
- Fuser — Polaroid gaye sou miray travay yon designer
- Campsite — Yon estasyon travay editè ki byen klere an solèy - papye krèm cho ak yon sèl tenm zoranj
- Redis Agency — Atelye editoryal la, ki ouvè apre lè travay, se yon kote ki fè nwa anpil kote tout travay branding lan fèt ak polis serif ak yon sèl radi wouj.
- AI Product Generation — Estidyo fotografi editoryal sou papye blan - tit kòm kouvèti, koulè zoranj pou mete aksan sou editoryal la
- Getanchor — Koulè tèrakota cho sou yon fon krèm ki dekole pa solèy la
- Flatfile — Yon jounal done trankil sou parchemin cho
- Inthememory — Yon desen achitekti sou mab blan ak yon sèl limyè cho. Yon chanm done editoryal trankil kote lank koulè ble fonse ak kontwòl ki gen fòm grenn flote anlè sifas blan byen sèk, kraze sèlman pa yon sèl ti limyè zoranj.