Cursor
Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
Курсор нь дулаахан, илгэн хэлбэртэй хэв маягийг ашигладаг: цөцгийтэй даавуу, бэхэн хар текст, товчлууруудыг дүүргэхийн оронд холбоос болон сонголтыг идэвхжүүлдэг ганц галт улбар шар өнгийн өргөлт. 400 жинтэй CursorGothic хэлээр байрлуулсан гарчгууд нь хэмжээ нь нэмэгдэхийн хэрээр үсгийн зай аажмаар буурдаг - эрх мэдлийг тод биш харин хязгаарлалт болон нимгэн үсгийн жингээр олж авдаг. Гадаргууг хавтгай, цаас шиг байлгаж, нимгэн хүрээ, зөөлөн, дулаан саарал сүүдэртэй; булангууд нь текстийн туршид 4 пикселийн жинтэй тод хэвээр байна. EB Garamond-г дэд гарчиг болон үгэнд сонгон ашигладаг бол berkeleyMono нь код, шошго, мета өгөгдлийг зохицуулдаг тул системд SaaS хяналтын самбараас илүү утга зохиолын сэтгүүл шиг санагдах хэв маягийн онцлогийг өгдөг.
Хамгийн их өргөн: төвд нь 1300 пиксел, зах нь 24 пиксел. Дээд талын навигаци: зүүн талд нь лого болон текстийн тэмдэг бүхий 52 пиксел өндөр тунгалаг толгой хэсэг, төвд нь 4 навигацийн холбоос, баруун талд нь зэрэгцүүлсэн "Нэвтрэх / Холбоо барих / Татаж авах" кластер. Баатар: Зүүн талд зэрэгцүүлсэн толгой хэсэг + зүүн дээд талаас тексттэй давхар үйлдэл хийх дуудлагын блок, дараа нь хуудасны бүх өргөнийг хамарсан бүтэн өргөнтэй бүтээгдэхүүний загвар карт. Итгэмжлэгдсэн зурвас: Хэсгийн өргөний дагуу нэг мөрөнд 8 лого хавтангийн нэг хэвтээ эгнээ. Онцлог хэсгүүд нь зүүн талд текстийг ээлжлэн байрлуулж, баруун талд нь дэлгэцийн агшинг хоёр баганын байрлалд байрлуулсан бөгөөд тус бүр нь 50/50, хэсгүүдийн хооронд 64-96 пикселийн босоо хэмнэлтэй байна. Бүх онцлог дэлгэцийн агшин нь ижил macOS хэв маягтай цонхны загвар юм. Хөл хэсэг: Зүүн талд нь брэндийн тэмдэг бүхий холбоосуудын дөрвөн баганын сүлжээ. Хэсгүүд нь хуваагч биш харин хангалттай амьсгалах зайгаар тусгаарлагдсан - цөцгий өнгийн даавуу нь өөрөө тусгаарлалтыг хангадаг.
Бүтээгдэхүүний дэлгэцийн зургууд гол байр суурийг эзэлдэг: Cursor IDE-г үйлдэл дээр харуулсан том macOS цонхны загварууд: файлын таб, дифференциал харагдац, агентын төлөвлөгөө, терминалын самбар, Slack/чат интеграци. Цонхны загвар бүрийг зөөлөн, дулаан тодосгогчтой #f2f1 картаар хүрээлсэн. Бүдэг ландшафтын зураг (уулс/цөлийн тэнгэрийн хаяа) нь үндсэн хэсгээс цааш үргэлжилж, хэрэглэгчийн интерфэйстэй өрсөлдөхгүйгээр дулааныг нэмдэг. Үйлчлүүлэгчийн лого ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) нь эм хэлбэртэй маалинган хавтангийн дотор монохром үсгээр дүрслэгдсэн байдаг. Хүмүүсийн зураг, чимэглэл эсвэл хийсвэр чимэглэлийн график элементүүд байхгүй - бүх харагдах жин нь бүтээгдэхүүний хэрэглэгчийн интерфэйс болон брэндинг дээр төвлөрдөг. Дүрсүүд нь #7a7974 үнсээр дүүргэсэн нимгэн, монолит глифүүд бөгөөд хэзээ ч хроматик биш юм.
Палетт
Төвийг сахисан
- Ink
#26251e— Үндсэн текст, үндсэн үйлдлийн товчлуурын дэвсгэр, навигацийн текст - дулаан, бараг хар өнгө, хэзээ ч цэвэр биш #000 - Parchment
#f7f7f4— Хуудасны дэвсгэр хэсэг болох гол зураг нь дулаан цөцгий өнгөтэй бөгөөд дижитал хэвлэлийн оронд бэхэн хэвлэлийн мэдрэмжийг төрүүлдэг. - Bone
#f2f1ed— Зотон даавуунаас нэг ая бараан өнгөтэй картон гадаргуу болон өргөгдсөн савнууд нь давхаргатай, хил хязгааргүй "цаасан дээр цаас" эффектийг бий болгодог. - Linen
#e6e5e0— Харанхуй гадаргуу дээрх товчлууруудад зориулсан цайвар төвийг сахисан дүүргэлт. - Stone
#cdcdc9— Нимгэн хүрээ, хуваагч, нарийн хуваалтууд - дулаан өнгөөр 1 пикселийн шугамууд - Mist
#a1a19f— Гуравдугаар түвшний туслах текст, тайлбарууд - дуугүй болон хоёрдогч текстийн хооронд.
Типографи
12-оос 72 пиксел хүртэл · 6 алхам
- CursorGothic — солих: Inter · тоймууд 400, 500 · Хэрэглэгчийн интерфэйс, гарчиг, навигаци, үндсэн хэсэг болон бүтээгдэхүүний дизайны үндсэн фонт. 400 цэгийн жинтэй, үсгийн зай аажмаар буурдаг (22 пиксел дээр -0.005em → 72 пиксел дээр -0.03em) гарчиг нь фонтын онцлог шинж юм: гарчиг хэзээ ч тод байдаггүй. ss08, ss09, болон tnum фонтын функцууд нь хэв маягийн хувилбарууд болон хүснэгтэн дүрсүүдийг идэвхжүүлдэг.
- EB Garamond — солих: Iowan Old Style · тоймууд 400, 500 · Дэд гарчиг, үндсэн текст болон хүснэгтэн өгөгдөлд зориулсан редакцийн сериф фонт болох CursorGothic нь интерфэйсэд утга зохиолын өнгө аяс нэмдэг.
- berkeleyMono — солих: ui-monospace · тоймууд 400, 500 · Monospace - кодын блокууд, командын мөрийн хэсгүүд, мета өгөгдөл, файлын замууд болон хөгжүүлэгчийн шошгоны хувьд - техникийн хэл.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 4px |
| Картын радиус | 4px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 64-96px |
| Хуудасны өргөн | 1300px |
Хиймэл оюун ухаан таны вэбсайтыг Cursor хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл
- Drive Capital — Дулаан цаасан дээрх ретро замын аяллын зурагт хуудас
- Wealthsimple — Галерейн гэрэлтүүлэгтэй, ноолуураар бүрсэн агуулах
- Huddle — Цөцгий цаасан дээрх пастел бараа материалын картууд
- Fuser — Дизайнерын ажлын ханан дээр тархай бутархай полароидууд
- Campsite — Нартай редакторын ажлын байр - улбар шар өнгийн ганц тамгатай бүлээн цөцгийтэй цаас
- Redis Agency — Ажлын бус цагаар ажилладаг редакцийн цех нь харанхуй газар бөгөөд брэндийн бүх ажлыг сериф фонт болон ганц улаан луувангаар хийдэг.
- AI Product Generation — Цагаан цаасан дээрх редакцийн гэрэл зургийн студи - гарчгийг хавтас болгон, редакцийн тодруулгад зориулж улбар шар өнгөтэй
- Getanchor — Наранд бүдгэрсэн цөцгийтэй дэвсгэр дээр дулаан терракотта өнгө
- Flatfile — Дулаан илгэн дээрх чимээгүй мэдээллийн тэмдэглэл
- Inthememory — Цагаан гантиг чулуун дээр ганцхан дулаан гэрэлтэй архитектурын зураг. Гүн оюу өнгийн бэх болон эм хэлбэртэй удирдлага нь цагаан гадаргуу дээр хөвж, улбар шар өнгийн ганцхан дусал ч хагардаг чимээгүй, редакцийн мэдээллийн өрөө.