Cursor
Mājīga pergamenta darbnīca, ko apgaismo kvēlojošas ogles
Cursor izmanto siltu, pergamentam līdzīgu tipogrāfiju: krēmīgu audeklu, melnu tekstu ar melnu tinti un vienu ugunīgi oranžu akcentu, kas aktivizē saites un atlases, nevis aizpilda pogas. Virsrakstiem, kas CursorGothic valodā iestatīti ar 400 biezumu, burtu atstarpe pakāpeniski samazinās, palielinoties to izmēram — autoritāte tiek panākta, izmantojot atturību un plānu burtu biezumu, nevis treknrakstu. Virsmas tiek saglabātas plakanas un papīram līdzīgas, ar plānām apmalēm un maigām, silti pelēkām ēnām; stūri saglabājas asi ar 4 px biezumu visā tekstā. EB Garamond tiek selektīvi izmantots apakšvirsrakstiem un prozai, savukārt berkeleyMono apstrādā kodu, tagus un metadatus, piešķirot sistēmai tipogrāfisku personību, kas vairāk atgādina literāru žurnālu, nevis SaaS informācijas paneli.
Maksimālais platums: 1300 pikseļi centrēts, 24 pikseļu apmale. Augšējā navigācija: 52 pikseļu augsts caurspīdīgs galvenes elements ar logotipu un teksta atzīmi kreisajā pusē, 4 centrētas navigācijas saites, labajā pusē izlīdzināts klasteris "Pieteikšanās / Kontakti / Lejupielāde". Galvenais elements: Pa kreisi izlīdzināts galvenes elements + dubults aicinājuma uz darbību bloks ar tekstu, kas sākas augšējā kreisajā stūrī, pēc tam pilna platuma produkta maketa karte, kas aptver visu lapas platumu. Uzticamības josla: Viena horizontāla rinda ar 8 logotipa elementiem vienā rindā pāri sadaļas platumam. Funkciju sadaļās teksts kreisajā pusē mainās uz ekrānuzņēmumu labajā pusē divu kolonnu izkārtojumā, katra 50/50, ar vertikālu ritmu 64–96 pikseļi starp sadaļām. Visi funkciju ekrānuzņēmumi ir logu maketi ar identisku macOS stilu. Kājene: Četru kolonnu saišu režģis ar zīmola zīmi kreisajā pusē. Sadaļas ir atdalītas ar pietiekamu atstarpi, nevis atdalītājiem — krēmkrāsas audekls pats nodrošina atdalīšanu.
Produkta ekrānuzņēmumi ir centrā: lieli macOS logu maketi, kas demonstrē Cursor IDE darbībā: failu cilnes, diferenciālskati, aģentu plāni, termināļu paneļi un Slack/tērzēšanas integrācija. Katrs loga makets ir ierāmēts ar #f2f1ed karti ar maigu, siltu kontrastu. Klusināts ainavas fotoattēls (kalni/tuksneša horizonts) sniedzas ārpus galvenās sadaļas, piešķirot siltumu, nekonkurējot ar lietotāja saskarni. Klientu logotipi ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) ir attēloti kā vienkrāsaini burti tabletes formas Linen flīzēs. Nav cilvēku fotogrāfiju, ilustrāciju vai abstraktu dekoratīvu grafisko elementu — viss vizuālais svars ir koncentrēts uz produkta lietotāja saskarni un zīmolu. Ikonas ir plānas, monolineāras glifas, kas aizpildītas ar #7a7974 Ash krāsu, nekad nav hromatiskas.
Palete
Neitrāls
- Ink
#26251e— Primārais teksts, primārās darbības pogas fons, navigācijas teksts — silts, gandrīz melns tonis, nekad tīrs #000 - Parchment
#f7f7f4— Lapas fons, galvenais audekls, ir siltā krēmkrāsas tonī, kas mīkstina kontrastu un rada tintes drukas, nevis digitālās drukas sajūtu. - Bone
#f2f1ed— Kartona virsmas un pacelti konteineri, kas ir par vienu toni tumšāki nekā audekls, rada slāņainu, bezmalu "papīrs uz papīra" efektu. - Linen
#e6e5e0— Gaiši neitrāls aizpildījums pogām uz tumšām virsmām. - Stone
#cdcdc9— Plānas apmales, atdalītāji, neuzkrītošas starpsienas — 1px līnijas siltos toņos - Mist
#a1a19f— Trešā līmeņa palīgteksts, paraksti — starp klusināto un sekundāro tekstu.
Tipogrāfija
no 12 līdz 72 pikseļiem · 6 soļi
- CursorGothic — nomaiņa: Inter · kontūras 400, 500 · Primārais fonts lietotāja saskarnei, virsrakstiem, navigācijai, pamattekstam un produkta dizainam. Virsraksti ar 400 punktu biezumu un pakāpeniski samazinošu burtu atstarpi (-0,005 em pie 22 pikseļiem → -0,03 em pie 72 pikseļiem) ir fonta atšķirīga iezīme: virsraksti nekad nav treknrakstā. Fonta funkcijas ss08, ss09 un tnum aktivizē stilistiskās alternatīvas un tabulāras formas attēlus.
- EB Garamond — nomaiņa: Iowan Old Style · kontūras 400, 500 · CursorGothic ir redakcionāls serif fonts atsevišķām apakšvirsrakstiem, pamatteksta un tabulāru datu rakstīšanai, kas piešķir saskarnei literāru pieskārienu.
- berkeleyMono — nomaiņa: ui-monospace · kontūras 400, 500 · Monospace — koda blokiem, komandrindas fragmentiem, metadatiem, failu ceļiem un izstrādātāju etiķetēm — tehniska valoda.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8px |
| Pogas rādiuss | 4px |
| Kartes rādiuss | 4px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64-96px |
| Lapas platums | 1300px |
Mākslīgais intelekts izveidos jūsu vietni Cursor stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Amplemarket — Saules apspīdēta darba vieta, kas nokaisīta ar konfeti
- Getharvest — Rakstāmgalds zeltainā stundā – silts krēmkrāsas audekls, uz audekla karājas baltas pastkartes un viena spilgti oranža liesma
- Drive Capital — Retro ceļojuma plakāts uz silta papīra
- Wealthsimple — Ar kašmira apdari izklāta noliktava ar galerijas apgaismojumu
- Huddle — Pasteļtoņu inventāra kartītes uz krēmkrāsas papīra
- Fuser — Izkaisīti polaroid attēli uz dizainera darba sienas
- Campsite — Saules apspīdēta redaktora darbstacija — silts krēmkrāsas papīrs ar vienu oranžu zīmogu
- Redis Agency — Redakcijas darbnīca, kas ir atvērta arī pēc darba laika, ir pilnīgi melna vieta, kur visu zīmola veidošanas darbu veic serif fonti un viens sarkans redīss.
- AI Product Generation — Redakcijas fotostudija uz balta papīra — virsraksts kā vāks, oranža krāsa redakcionālai izcelšanai
- Getanchor — Silts terakotas tonis uz saulē izbalējuša krēmkrāsas fona
- Flatfile — Klusa datu dienasgrāmata uz silta pergamenta
- Inthememory — Arhitektūras zīmējums uz balta marmora ar vienu siltu gaismu. Klusa, redakcionāla datu telpa, kur virs kraukšķīgām baltām virsmām peld tumši tirkīza tinte un tabletveida vadības elementi, ko pārtrauc tikai viens oranžas krāsas šļakats.