Cursor
Usa ka komportable nga workshop sa pergamino, nga gidan-agan sa nagbaga nga mga uling
Ang Cursor naggamit ug mainiton, sama sa pergamino nga tipograpiya: usa ka krema nga canvas, itom nga tinta nga teksto, ug usa ka nagdilaab nga orange nga accent nga nagpaaktibo sa mga link ug mga seleksyon imbes nga pagpuno sa mga buton. Ang mga heading, nga gibutang sa CursorGothic sa 400 nga gibug-aton, anam-anam nga mikunhod ang gilay-on sa mga letra samtang nagkadako ang ilang gidak-on—ang awtoridad nakab-ot pinaagi sa pagpugong ug nipis nga gibug-aton sa letra imbes nga kaisog. Ang mga nawong gipadayon nga patag ug sama sa papel, nga adunay nipis nga mga border ug humok, mainiton nga abuhon nga mga anino; ang mga kanto nagpabilin nga presko sa 4px nga gibug-aton sa tibuok teksto. Ang EB Garamond gigamit nga mapilion alang sa mga subheading ug prosa, samtang ang berkeleyMono nagdumala sa code, mga tag, ug metadata, nga naghatag sa sistema og typographic nga personalidad nga mas morag usa ka literary magazine kaysa usa ka SaaS dashboard.
Kinatas-ang gilapdon: 1300px nakasentro, 24px margin. Ibabaw nga nabigasyon: 52px ang gitas-on nga transparent header nga adunay logo ug marka sa teksto sa wala, 4 ka nakasentro nga mga link sa nabigasyon, "Login / Contact / Download" cluster nga naka-align sa tuo. Hero: Header nga naka-align sa wala + doble nga call-to-action block nga adunay teksto nga nagdagan gikan sa ibabaw nga wala, dayon usa ka full-width product mockup card nga naglangkob sa tibuok gilapdon sa panid. Trust stripe: Usa ka pinahigda nga laray sa 8 ka logo tile sa usa ka linya tabok sa gilapdon sa seksyon. Ang mga feature section nagpuli-puli og teksto sa wala ug usa ka screenshot sa tuo sa duha ka kolum nga layout, matag usa 50/50, nga adunay bertikal nga ritmo nga 64-96px taliwala sa mga seksyon. Ang tanan nga feature screenshot mga window mockup nga adunay parehas nga estilo sa macOS. Footer: Upat ka kolum nga grid sa mga link nga adunay marka sa brand sa wala. Ang mga seksyon gibulag sa daghang espasyo sa pagginhawa imbes nga mga divider - ang cream canvas mismo ang naghatag sa pagbulag.
Ang mga screenshot sa produkto mao ang sentro sa atensyon: dagkong mga mockup sa bintana sa macOS nga nagpakita sa Cursor IDE nga naglihok: mga tab sa file, mga diff view, mga plano sa ahente, mga terminal panel, ug integrasyon sa Slack/chat. Ang matag mockup sa bintana gi-frame gamit ang #f2f1ed card nga adunay humok ug mainit nga contrast. Ang usa ka muted nga litrato sa talan-awon (mga bukid/kapunawpunawan sa disyerto) molapas sa pangunang seksyon, nga nagdugang og kainit nga wala nakigkompetensya sa UI. Ang mga logo sa kliyente ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) gipresentar isip monochrome lettering sulod sa mga tile nga Linen nga porma og pildoras. Walay mga litrato sa mga tawo, mga ilustrasyon, o abstract nga pangdekorasyon nga mga elemento sa graphic—ang tanan nga biswal nga gibug-aton naka-focus sa UI ug branding sa produkto. Ang mga icon nipis, monolinear glyph nga puno sa #7a7974 Ash, dili gyud chromatic.
Paleta
Neutral
- Ink
#26251e— Pangunang teksto, pangunang background sa buton sa aksyon, teksto sa nabigasyon - usa ka mainit, halos itom nga landong, dili gyud puro #000 - Parchment
#f7f7f4— Ang background sa panid, ang pangunang canvas, usa ka mainit nga krema nga landong nga mopahumok sa contrast ug momugna sa pagbati nga sama sa pag-imprinta sa tinta imbes nga digital printing. - Bone
#f2f1ed— Ang mga karton nga nawong ug gipataas nga mga sudlanan, nga usa ka tono nga mas itom kay sa canvas, nagmugna og lut-od, walay utlanan nga "papel-on-papel" nga epekto. - Linen
#e6e5e0— Neutral nga kolor nga gaan para sa mga butones sa ngitngit nga mga nawong. - Stone
#cdcdc9— Nipis nga mga border, divider, ug mga partisyon – 1px nga linya sa mainit nga mga tono - Mist
#a1a19f— Ikatulong lebel nga teksto, mga kapsyon - taliwala sa gihilom ug ikaduhang teksto.
Tipograpiya
gikan sa 12 ngadto sa 72px · 6 ka lakang
- CursorGothic — kapuli: Inter · mga balangkas 400, 500 · Ang pangunang font para sa user interface, mga heading, nabigasyon, body copy, ug disenyo sa produkto. Ang mga heading nga adunay 400-point nga gibug-aton ug hinay-hinay nga nagkagamay nga gilay-on sa mga letra (-0.005em sa 22px → -0.03em sa 72px) usa ka talagsaon nga bahin sa font: ang mga heading dili gyud i-bold. Ang mga function sa font nga ss08, ss09, ug tnum nagpaaktibo sa mga stylistic alternate ug tabular figures.
- EB Garamond — kapuli: Iowan Old Style · mga balangkas 400, 500 · Usa ka editorial serif nga typeface para sa indibidwal nga mga subheading, body text, ug tabular data, ang CursorGothic nagdugang og literary touch sa interface.
- berkeleyMono — kapuli: ui-monospace · mga balangkas 400, 500 · Ang Monospace - para sa mga code block, command line snippet, metadata, file path, ug developer labels - usa ka teknikal nga pinulongan.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8px |
| Radius sa butones | 4px |
| Radius sa kard | 4px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64-96px |
| Lapad sa panid | 1300px |
Ang AI motukod sa imong website sa estilo sa Cursor ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Amplemarket — Usa ka trabahoan nga nasidlakan sa adlaw nga puno sa confetti
- Getharvest — Usa ka lamesa sa golden hour – usa ka init nga krema nga canvas, puti nga mga postcard nga gibitay sa canvas, ug usa ka hayag nga orange nga siga
- Drive Capital — Retro nga poster sa road trip nga gibutang sa init nga papel
- Wealthsimple — Bodega nga gilibutan og cashmere ug suga sa gallery
- Huddle — Mga kard sa imbentaryo nga pastel sa cream nga papel
- Fuser — Mga Polaroid nga nagkatag sa bungbong sa trabaho sa usa ka tigdesinyo
- Campsite — Usa ka workstation sa editor nga nasidlakan sa adlaw - init nga krema nga papel nga adunay usa ka orange nga selyo sa intensyon
- Redis Agency — Ang editorial workshop, nga abli human sa oras sa opisina, usa ka ngitngit nga lugar diin ang tanang trabaho sa branding gihimo gamit ang serif fonts ug usa ka pula nga radish.
- AI Product Generation — Studio sa potograpiya sa editoryal sa puti nga papel - titulo isip hapin, kolor kahel para sa pagpasiugda sa editoryal
- Getanchor — Mainit nga terracotta nga kolor sa usa ka kolor krema nga nalaya sa adlaw
- Flatfile — Usa ka hilom nga talaarawan sa datos sa mainit nga pergamino
- Inthememory — Usa ka arkitektural nga drowing sa puti nga marmol nga adunay usa ka mainit nga suga. Usa ka hilom, editorial data room diin ang lawom nga turquoise nga tinta ug mga kontrol nga porma og pildoras naglutaw ibabaw sa presko nga puti nga mga nawong, nga nabungkag lamang sa usa ka pagsabwag sa kahel.