
Cursor
Un acollidor taller de pergamí, il·luminat per brases fumejants
Cursor utilitza una tipografia càlida, semblant al pergamí: un llenç cremós, text negre tinta i un únic accent taronja ardent que activa enllaços i seleccions en lloc d'omplir botons. Els encapçalaments, configurats en CursorGothic amb un gruix de 400, tenen un espaiat entre lletres que disminueix gradualment a mesura que augmenten de mida: l'autoritat s'aconsegueix mitjançant la moderació i uns gruixos de lletra prims en lloc de la grossa. Les superfícies es mantenen planes i semblants al paper, amb vores primes i ombres grises suaus i càlides; les cantonades es mantenen nítides amb un gruix de 4px al llarg del text. EB Garamond s'utilitza selectivament per a subtítols i prosa, mentre que berkeleyMono gestiona el codi, les etiquetes i les metadades, donant al sistema una personalitat tipogràfica que s'assembla més a una revista literària que a un tauler de control SaaS.
Amplada màxima: 1300 px centrada, marge de 24 px. Navegació superior: capçalera transparent de 52 px d'alçada amb logotip i marca de text a l'esquerra, 4 enllaços de navegació centrats, clúster "Iniciar sessió / Contacte / Descàrrega" alineat a la dreta. Hero: capçalera alineada a l'esquerra + bloc doble de crida a l'acció amb text que va des de la part superior esquerra, i després una targeta de maqueta del producte d'amplada completa que abasta tota l'amplada de la pàgina. Franja de confiança: una fila horitzontal de 8 mosaics del logotip en una sola línia a l'amplada de la secció. Les seccions destacades alternen text a l'esquerra i una captura de pantalla a la dreta en un disseny de dues columnes, cadascuna 50/50, amb un ritme vertical de 64-96 px entre seccions. Totes les captures de pantalla de les funcions són maquetes de finestres amb un estil macOS idèntic. Peu de pàgina: graella d'enllaços de quatre columnes amb la marca a l'esquerra. Les seccions estan separades per un ampli espai per respirar en lloc de divisors; el mateix llenç crema proporciona la separació.
Les captures de pantalla del producte ocupen un lloc central: grans maquetes de finestres de macOS que mostren l'IDE Cursor en acció: pestanyes de fitxers, vistes de diferències, plans d'agents, panells de terminal i integració amb Slack/chat. Cada maqueta de finestra està emmarcada amb una targeta #f2f1ed amb un contrast suau i càlid. Una foto de paisatge apagat (muntanyes/horitzó desèrtic) s'estén més enllà de la secció principal, afegint calidesa sense competir amb la interfície d'usuari. Els logotips dels clients ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) es presenten com a lletres monocromes dins de mosaics Linen en forma de píndola. No hi ha fotografies de persones, il·lustracions ni elements gràfics decoratius abstractes: tot el pes visual se centra en la interfície d'usuari i la marca del producte. Les icones són glifs prims i monolineals plens de #7a7974 Ash, mai cromàtics.
Paleta
Neutral
- Ink
#26251e— Text principal, fons del botó d'acció principal, text de navegació: un to càlid, gairebé negre, mai pur #000 - Parchment
#f7f7f4— El fons de la pàgina, el llenç principal, és d'un to crema càlid que suavitza el contrast i crea la sensació d'impressió a tinta en lloc d'impressió digital. - Bone
#f2f1ed— Les superfícies de cartró i els contenidors en relleu, un to més fosc que el llenç, creen un efecte de "paper sobre paper" en capes i sense vores. - Linen
#e6e5e0— Farciment neutre clar per a botons en superfícies fosques. - Stone
#cdcdc9— Vores primes, divisors, particions subtils: línies d'1 px en tons càlids - Mist
#a1a19f— Text auxiliar de tercer nivell, subtítols: entre el text silenciat i el secundari.
Tipografia
de 12 a 72px · 6 passos
- CursorGothic — reemplaçament: Inter · esquemes 400, 500 · La font principal per a la interfície d'usuari, els encapçalaments, la navegació, el text del cos i el disseny del producte. Els encapçalaments amb un pes de 400 punts i un espaiat entre lletres que disminueix gradualment (-0,005 em a 22 px → -0,03 em a 72 px) són una característica distintiva de la font: els encapçalaments mai no estan en negreta. Les funcions de la font ss08, ss09 i tnum activen alternatives estilístiques i figures tabulars.
- EB Garamond — reemplaçament: Iowan Old Style · esquemes 400, 500 · CursorGothic, una tipografia editorial amb serif per a subtítols individuals, text del cos i dades tabulars, afegeix un toc literari a la interfície.
- berkeleyMono — reemplaçament: ui-monospace · esquemes 400, 500 · El monoespai (per a blocs de codi, fragments de línia d'ordres, metadades, rutes de fitxers i etiquetes de desenvolupador) és un llenguatge tècnic.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8px |
| Radi del botó | 4px |
| Radi de la targeta | 4px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 64-96px |
| Amplada de la pàgina | 1300px |
La IA crearà el vostre lloc web a l'estil Cursor i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Amplemarket — Un lloc de treball assolellat i ple de confeti
- Getharvest — Un escriptori a l'hora daurada: un llenç de color crema càlid, postals blanques penjades al llenç i una única flama taronja brillant
- Drive Capital — Cartell retro de viatge per carretera sobre paper càlid
- Wealthsimple — Magatzem folrat de caixmir amb il·luminació de galeria
- Huddle — Targetes d'inventari pastel sobre paper crema
- Fuser — Polaroids disperses a la paret de treball d'un dissenyador
- Campsite — Una estació de treball d'editor il·luminada pel sol: paper crema càlid amb un únic segell d'intenció taronja
- Redis Agency — El taller editorial, obert fora d'horari, és un lloc fosc on tota la feina de marca es fa amb fonts serif i un únic rave vermell.
- AI Product Generation — Estudi de fotografia editorial sobre paper blanc: títol com a portada, color taronja per a ressaltat editorial
- Getanchor — Càlid color terracota sobre un fons crema descolorit pel sol
- Flatfile — Un diari de dades tranquil sobre pergamí càlid
- Inthememory — Un dibuix arquitectònic sobre marbre blanc amb una única llum càlida. Una sala de dades editorial tranquil·la on tinta turquesa intensa i controls en forma de píndola suren sobre superfícies blanques i nítides, trencades només per un toc de taronja.