Cursor
Un accogliente attellu di pergamena, illuminatu da carboni fumanti
Cursor usa una tipografia calda, simile à a pergamena: una tela cremosa, testu neru cum'è l'inchiostru, è un unicu accentu aranciu focu chì attiva i ligami è e selezioni invece di riempie i buttoni. I tituli, impostati in CursorGothic à un pesu di 400, anu una spaziatura di e lettere chì diminuisce gradualmente mentre aumentanu di dimensione - l'autorità hè ottenuta per mezu di a moderazione è di pesi di lettere fini invece di l'audacia. E superfici sò mantenute piatte è simili à a carta, cù bordi fini è ombre grigie morbide è calde; l'anguli restanu nitidi à un pesu di 4px in tuttu u testu. EB Garamond hè adupratu selettivamente per i sottotitoli è a prosa, mentre berkeleyMono gestisce u codice, i tag è i metadati, dendu à u sistema una personalità tipografica chì si sente più cum'è una rivista literaria chè un dashboard SaaS.
Larghezza massima: 1300px centrata, margine 24px. Navigazione superiore: intestazione trasparente alta 52px cù u logu è a marca di testu à manca, 4 ligami di navigazione centrati, cluster "Login / Contact / Download" allinatu à diritta. Eroe: intestazione allinata à manca + doppiu bloccu di chjama à l'azione cù testu chì parte da in cima à manca, poi una carta di mockup di produttu à larghezza piena chì copre tutta a larghezza di a pagina. Striscia di fiducia: una fila orizzontale di 8 tessere di logu in una sola linea in tutta a larghezza di a sezione. E sezioni di funzionalità alternanu u testu à manca è una screenshot à diritta in un layout à duie colonne, ognuna 50/50, cù un ritmu verticale di 64-96px trà e sezioni. Tutte e screenshot di funzionalità sò mockup di finestre cù un stile macOS identicu. Piè di pagina: griglia di quattru colonne di ligami cù a marca à manca. E sezioni sò separate da un ampiu spaziu di respirazione piuttostu chè da divisori - a tela crema stessa furnisce a separazione.
I screenshots di u produttu occupanu un postu centrale: grandi mockup di finestre macOS chì mostranu l'IDE Cursor in azzione: schede di file, viste diff, piani di l'agenti, pannelli di terminal è integrazione Slack/chat. Ogni mockup di finestra hè incorniciatu cù una carta #f2f1ed cù un cuntrastu dolce è caldu. Una foto di paisaghju silenziatu (montagne/orizonte deserticu) si estende oltre a sezione principale, aghjunghjendu calore senza cumpete cù l'interfaccia utente. I loghi di i clienti ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) sò presentati cum'è lettere monocromatiche in piastrelle di Linu in forma di pillola. Ùn ci sò fotografie di persone, illustrazioni o elementi grafichi decorativi astratti - tuttu u pesu visuale hè focalizatu nantu à l'interfaccia utente è u branding di u produttu. L'icone sò glifi fini è monolineari pieni di #7a7974 Ash, mai cromatichi.
Paletta
Neutru
- Ink
#26251e— Testu primariu, sfondate di u buttone d'azzione primariu, testu di navigazione - una tonalità calda, guasi nera, mai pura #000 - Parchment
#f7f7f4— U fondu di a pagina, a tela principale, hè una tonalità crema calda chì addulcisce u cuntrastu è crea a sensazione di stampa à inchiostru piuttostu chè di stampa digitale. - Bone
#f2f1ed— E superfici di cartone è i cuntenitori in rilievu, un tonu più scuru di a tela, creanu un effettu "carta nantu à carta" stratificatu è senza bordi. - Linen
#e6e5e0— Riempimentu neutru chjaru per i buttoni nantu à superfici scure. - Stone
#cdcdc9— Bordi fini, divisori, partizioni suttili - linee 1px in toni caldi - Mist
#a1a19f— Testu ausiliariu di terzu livellu, didascalie - trà u testu silenziatu è quellu secundariu.
Tipografia
da 12 à 72px · 6 passi
- CursorGothic — rimpiazzamentu: Inter · contorni 400, 500 · U caratteru principale per l'interfaccia utente, i tituli, a navigazione, u corpu di u testu è u cuncepimentu di u produttu. I tituli cù un pesu di 400 punti è una spaziatura di e lettere chì diminuisce gradualmente (-0,005em à 22px → -0,03em à 72px) sò una caratteristica distintiva di u caratteru: i tituli ùn sò mai in neru. E funzioni di u caratteru ss08, ss09 è tnum attivanu alternative stilistiche è figure tabulari.
- EB Garamond — rimpiazzamentu: Iowan Old Style · contorni 400, 500 · CursorGothic, un tipu di carattere serif editoriale per i sottotitoli individuali, u testu di u corpu è i dati tabulari, aghjusta un toccu literariu à l'interfaccia.
- berkeleyMono — rimpiazzamentu: ui-monospace · contorni 400, 500 · Monospace - per blocchi di codice, frammenti di linea di cummandu, metadati, percorsi di file è etichette di sviluppatore - hè un linguaghju tecnicu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8px |
| Raggiu di u buttone | 4px |
| Raggiu di a carta | 4px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 64-96px |
| Larghezza di a pagina | 1300px |
L'IA custruisce u vostru situ web in stile Cursor è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Amplemarket — Un locu di travagliu inzuppatu di sole è pienu di confetti
- Getharvest — Un scrivanu à l'ora d'oru - una tela crema calda, carte postale bianche appese à a tela, è una sola fiamma aranciu luminosa
- Drive Capital — Affissu di viaghju in strada retro nantu à carta calda
- Wealthsimple — Magazzinu rivestitu di cachemire cù illuminazione di galleria
- Huddle — Carte d'inventariu pastello nantu à carta crema
- Fuser — Polaroid sparse nantu à u muru di travagliu di un designer
- Campsite — Una stazione di travagliu di editore illuminata da u sole - carta crema calda cù un unicu timbru d'intenzione aranciu
- Redis Agency — L'attellu editoriale, apertu dopu l'ore di travagliu, hè un locu bughju induve tuttu u travagliu di branding hè fattu da caratteri serif è un solu ravanellu rossu.
- AI Product Generation — Studio di fotografia editoriale nantu à carta bianca - titulu cum'è copertina, culore aranciu per evidenziazione editoriale
- Getanchor — Tonalità terracotta calda nantu à un fondu crema sbiaditu da u sole
- Flatfile — Un ghjurnale di dati tranquillu nantu à una pergamena calda
- Inthememory — Un disegnu architettonicu annantu à marmaru biancu cù una sola luce calda. Una stanza di dati editoriale tranquilla induve l'inchiostru turchese prufondu è i cuntrolli in forma di pillola flottanu sopra superfici bianche nitide, rotte solu da una sola spruzzata d'aranciu.