Cursor
Workshop komdu tal-parċmina, imdawwal minn faħam jaqbad
Cursor juża tipografija sħuna, simili għal parċmina: kanvas kremuż, test iswed bil-linka, u aċċent oranġjo jaħraq wieħed li jattiva links u selezzjonijiet minflok jimla buttuni. L-intestaturi, issettjati f'CursorGothic b'piż ta' 400, għandhom spazjar tal-ittri li jonqos gradwalment hekk kif jiżdiedu fid-daqs—l-awtorità tinkiseb permezz ta' trażżin u piżijiet irqaq tal-ittri aktar milli b'tipa grassa. L-uċuħ jinżammu ċatti u simili għall-karta, b'borduri rqaq u dellijiet griżi rotob u sħan; il-kantunieri jibqgħu iqarmeċ b'piż ta' 4px mat-test kollu. EB Garamond jintuża b'mod selettiv għas-sottointestaturi u l-proża, filwaqt li berkeleyMono jimmaniġġja l-kodiċi, it-tikketti, u l-metadata, u jagħti lis-sistema personalità tipografika li tħossha aktar bħal rivista letterarja milli dashboard SaaS.
Wisa' massima: 1300px iċċentrat, marġni ta' 24px. Navigazzjoni ta' fuq: Intestatura trasparenti għolja 52px bil-logo u l-marka tat-test fuq ix-xellug, 4 links ta' navigazzjoni ċċentrati, raggruppament "Login / Kuntatt / Niżżel" allinjat mal-lemin. Eroj: Intestatura allinjata max-xellug + blokk doppju ta' sejħa għall-azzjoni bit-test li jibda minn fuq ix-xellug, imbagħad kard ta' mockup tal-prodott b'wisa' sħiħ li tkopri l-wisa' kollha tal-paġna. Strixxa ta' fiduċja: Ringiela orizzontali waħda ta' 8 madum tal-logo f'linja waħda tul il-wisa' tas-sezzjoni. Is-sezzjonijiet tal-karatteristiċi jalternaw it-test fuq ix-xellug u screenshot fuq il-lemin f'tqassim ta' żewġ kolonni, kull waħda 50/50, b'ritmu vertikali ta' 64-96px bejn is-sezzjonijiet. L-iskrinshots tal-karatteristiċi kollha huma mockups tat-twieqi bi stil macOS identiku. Footer: Grilja ta' erba' kolonni ta' links bil-marka tal-marka fuq ix-xellug. Is-sezzjonijiet huma separati minn spazju biżżejjed biex jieħdu n-nifs aktar milli minn diviżuri - il-kanvas krema nnifsu jipprovdi s-separazzjoni.
L-iskrinshots tal-prodott jieħdu ċ-ċentru tal-palk: mockups kbar tat-twieqi tal-macOS li juru s-Cursor IDE fl-azzjoni: tabs tal-fajls, veduti differenti, pjanijiet tal-aġenti, pannelli tat-terminal, u integrazzjoni ta' Slack/chat. Kull mockup tat-tieqa huwa inkwadrat b'karta #f2f1ed b'kuntrast artab u sħun. Ritratt sieket tal-pajsaġġ (muntanji/orizzont tad-deżert) jestendi lil hinn mit-taqsima prinċipali, u jżid is-sħana mingħajr ma jikkompeti mal-UI. Il-logos tal-klijenti ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) huma ppreżentati bħala ittri monokromi f'madum Linen f'forma ta' pillola. M'hemm l-ebda ritratti ta' nies, illustrazzjonijiet, jew elementi grafiċi dekorattivi astratti—il-piż viżwali kollu huwa ffukat fuq l-UI u l-branding tal-prodott. L-ikoni huma glifi rqaq u monolineari mimlija b'#7a7974 Ash, qatt kromatiċi.
Paletta
Newtrali
- Ink
#26251e— Test primarju, sfond tal-buttuna tal-azzjoni primarja, test tan-navigazzjoni - dell sħun, kważi iswed, qatt #000 pur - Parchment
#f7f7f4— L-isfond tal-paġna, il-kanvas prinċipali, huwa ta’ lewn krema sħun li jrattab il-kuntrast u joħloq is-sensazzjoni ta’ stampar bil-linka aktar milli stampar diġitali. - Bone
#f2f1ed— Uċuħ tal-kartun u kontenituri mqajma, b'ton wieħed iktar skur mill-kanvas, joħolqu effett ta' "karta fuq karta" f'saffi u mingħajr borduri. - Linen
#e6e5e0— Mili newtrali ċar għal buttuni fuq uċuħ skuri. - Stone
#cdcdc9— Borduri rqaq, diviżuri, diviżorji sottili – linji ta' 1px f'toni sħan - Mist
#a1a19f— Test awżiljarju tat-tielet livell, sottotitoli - bejn it-test sieket u dak sekondarju.
Tipografija
minn 12 sa 72px · 6 passi
- CursorGothic — sostituzzjoni: Inter · linji gwida 400, 500 · Il-font primarju għall-interfaċċja tal-utent, l-intestaturi, in-navigazzjoni, il-korp tat-test, u d-disinn tal-prodott. Intestaturi b'piż ta' 400 punt u spazjar tal-ittri li jonqos gradwalment (-0.005em f'22px → -0.03em f'72px) huma karatteristika distintiva tal-font: l-intestaturi qatt ma jkunu b'tipa grassa. Il-funzjonijiet tal-font ss08, ss09, u tnum jattivaw alternattivi stilistiċi u figuri tabulari.
- EB Garamond — sostituzzjoni: Iowan Old Style · linji gwida 400, 500 · CursorGothic, tipa serif editorjali għal sottotitoli individwali, test tal-ġisem, u dejta tabulari, iżżid mess letterarju mal-interfaċċja.
- berkeleyMono — sostituzzjoni: ui-monospace · linji gwida 400, 500 · Monospace - għal blokki ta' kodiċi, siltiet tal-linja tal-kmand, metadata, mogħdijiet tal-fajls, u tikketti tal-iżviluppaturi - lingwa teknika.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 4px |
| Raġġ tal-karta | 4px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64-96px |
| Wisa' tal-paġna | 1300px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Cursor u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Amplemarket — Post tax-xogħol imxarrab mix-xemx u mimli konfetti
- Getharvest — Skrivanija f’siegħa tad-deheb – kanvas krema sħun, kartolini bojod imdendlin fuq il-kanvas, u fjamma oranġjo waħda jgħajjat
- Drive Capital — Poster retro ta' vjaġġ bit-triq fuq karta sħuna
- Wealthsimple — Maħżen miksi bil-Cashmere b'dawl fil-gallerija
- Huddle — Karti tal-inventarju pastel fuq karta krema
- Fuser — Polaroids imxerrda fuq ħajt tax-xogħol ta' disinjatur
- Campsite — Stazzjoni tax-xogħol ta' editur imdawwal mix-xemx - karta krema sħuna b'timbru oranġjo wieħed ta' intenzjoni
- Redis Agency — Il-workshop editorjali, miftuħ wara l-ħinijiet tax-xogħol, huwa post mudlam fejn ix-xogħol kollu tal-branding isir permezz ta’ fonts serif u ravanell aħmar wieħed.
- AI Product Generation — Studio tal-fotografija editorjali fuq karta bajda - titlu bħala qoxra, kulur oranġjo għal enfasi editorjali
- Getanchor — Lewn sħun tat-terracotta fuq sfond krema mċajpar mix-xemx
- Flatfile — Djarju tad-dejta kwiet fuq parċmina sħuna
- Inthememory — Tpinġija arkitettonika fuq irħam abjad b'dawl wieħed sħun. Kamra tad-dejta editorjali kwieta fejn linka turkważ skur u kontrolli f'forma ta' pillola jgħumu 'l fuq minn uċuħ bojod iqarmeċ, imkissra biss minn tixtira waħda ta' oranġjo.