Cursor
Un acolledor taller de pergamiño, iluminado por brasas fumegantes
Cursor emprega unha tipografía cálida, semellante ao pergamiño: unha lona cremosa, texto negro coma tinta e un único acento laranxa intenso que activa ligazóns e seleccións en lugar de encher botóns. Os títulos, configurados en CursorGothic cun grosor de 400, teñen un espazado entre letras que diminúe gradualmente a medida que aumentan de tamaño: a autoridade conséguese mediante a moderación e grosores de letra finos en lugar da audacia. As superficies mantéñense planas e semellantes ao papel, con bordos finos e sombras grises suaves e cálidas; as esquinas permanecen nítidas cun grosor de 4 px en todo o texto. EB Garamond úsase selectivamente para subtítulos e prosa, mentres que berkeleyMono xestiona o código, as etiquetas e os metadatos, o que lle dá ao sistema unha personalidade tipográfica que se parece máis a unha revista literaria que a un panel SaaS.
Largura máxima: 1300 px centrada, marxe de 24 px. Navegación superior: cabeceira transparente de 52 px de altura con logotipo e marca de texto á esquerda, 4 ligazóns de navegación centradas, clúster "Iniciar sesión / Contacto / Descarga" aliñado á dereita. Heroe: cabeceira aliñada á esquerda + bloque dobre de chamada á acción con texto que vai desde a parte superior esquerda e, a continuación, unha tarxeta de maqueta do produto de ancho completo que abrangue todo o ancho da páxina. Franxa de confianza: unha fila horizontal de 8 mosaicos do logotipo nunha soa liña ao longo do ancho da sección. As seccións de funcións alternan texto á esquerda e unha captura de pantalla á dereita nun deseño de dúas columnas, cada unha 50/50, cun ritmo vertical de 64-96 px entre seccións. Todas as capturas de pantalla de funcións son maquetas de xanela con estilo macOS idéntico. Pé de páxina: grella de catro columnas de ligazóns coa marca á esquerda. As seccións están separadas por un amplo espazo para respirar en lugar de divisores; o propio lenzo crema proporciona a separación.
As capturas de pantalla do produto ocupan un lugar central: grandes maquetas de xanelas de macOS que mostran o IDE Cursor en acción: lapelas de ficheiros, vistas de diferenzas, planos de axentes, paneis de terminais e integración con Slack/chat. Cada maqueta de xanela está enmarcada cunha tarxeta #f2f1ed cun contraste suave e cálido. Unha foto de paisaxe apagada (montañas/horizonte do deserto) esténdese máis alá da sección principal, engadindo calidez sen competir coa IU. Os logotipos dos clientes ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) preséntanse como letras monocromáticas dentro de mosaicos Linen en forma de pílula. Non hai fotografías de persoas, ilustracións nin elementos gráficos decorativos abstractos: todo o peso visual céntrase na IU e na marca do produto. As iconas son glifos finos e monolineais cheos de #7a7974 Ash, nunca cromáticos.
Paleta
Neutro
- Ink
#26251e— Texto principal, fondo do botón de acción principal, texto de navegación: unha cor cálida, case negra, nunca pura #000 - Parchment
#f7f7f4— O fondo da páxina, o lenzo principal, é dun ton crema cálido que suaviza o contraste e crea a sensación de impresión a tinta en lugar de impresión dixital. - Bone
#f2f1ed— As superficies de cartón e os recipientes en relevo, un ton máis escuros que o lenzo, crean un efecto de "papel sobre papel" en capas e sen bordos. - Linen
#e6e5e0— Recheo neutro claro para botóns en superficies escuras. - Stone
#cdcdc9— Bordes finos, divisores, particións sutís: liñas de 1 px en tons cálidos - Mist
#a1a19f— Texto auxiliar de terceiro nivel, subtítulos: entre o texto silenciado e o secundario.
Tipografía
de 12 a 72 px · 6 pasos
- CursorGothic — substitución: Inter · contornos 400, 500 · A fonte principal para a interface de usuario, os títulos, a navegación, o corpo do texto e o deseño do produto. Os títulos cun peso de 400 puntos e un espazado entre letras decrecente gradualmente (-0,005 em a 22 px → -0,03 em a 72 px) son unha característica distintiva da fonte: os títulos nunca están en negra. As funcións da fonte ss08, ss09 e tnum activan alternativas estilísticas e figuras tabulares.
- EB Garamond — substitución: Iowan Old Style · contornos 400, 500 · CursorGothic, un tipo de letra editorial con serifas para subtítulos individuais, texto do corpo e datos tabulares, engade un toque literario á interface.
- berkeleyMono — substitución: ui-monospace · contornos 400, 500 · Monoespazo - para bloques de código, fragmentos de liña de comandos, metadatos, rutas de ficheiros e etiquetas de desenvolvedores - unha linguaxe técnica.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 8px |
| Radio do botón | 4px |
| Radio da tarxeta | 4px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 64-96px |
| Largura da páxina | 1300px |
A IA creará o teu sitio web ao estilo de Cursor e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti
- Getharvest — Un escritorio na hora dourada: un lenzo cor crema cálido, postais brancas colgadas no lenzo e unha única chama laranxa brillante.
- Drive Capital — Póster retro de viaxe por estrada en papel quente
- Wealthsimple — Almacén forrado de cachemira con iluminación de galería
- Huddle — Tarxetas de inventario en pastel sobre papel crema
- Fuser — Polaroids dispersas na parede do traballo dun deseñador
- Campsite — Un posto de traballo de editor iluminado polo sol: papel crema cálido cun único selo de intención laranxa
- Redis Agency — O obradoiro editorial, aberto fóra de horario, é un lugar a escuras onde todo o traballo de imaxe corporativa se realiza con fontes serif e un único rabanete vermello.
- AI Product Generation — Estudio de fotografía editorial en papel branco: título como portada, cor laranxa para resaltado editorial
- Getanchor — Ton terracota cálido sobre un fondo crema descolorido polo sol
- Flatfile — Un diario de datos tranquilo sobre pergamiño cálido
- Inthememory — Un debuxo arquitectónico sobre mármore branco cunha única luz cálida. Unha sala de datos editoriais tranquila onde tinta turquesa intensa e controis en forma de pílula flotan sobre superficies brancas nítidas, rotas só por un toque de laranxa.