Cursor
მყუდრო პერგამენტის სახელოსნო, განათებული მბჟუტავი ნაკვერჩხლებით
Cursor იყენებს თბილ, პერგამენტის მსგავს ტიპოგრაფიას: კრემისფერ ტილოს, მელნისფერ შავ ტექსტს და ერთ ცეცხლოვან ნარინჯისფერ აქცენტს, რომელიც ააქტიურებს ბმულებსა და მონიშვნებს შემავსებელი ღილაკების ნაცვლად. CursorGothic-ში 400 წონით დაყენებული სათაურების ზომა თანდათან მცირდება ასოებს შორის მანძილის ზომით ზრდასთან ერთად - ავტორიტეტი მიიღწევა თავშეკავებითა და ასოების თხელი წონით, ვიდრე გამბედაობით. ზედაპირები ბრტყელია და ქაღალდის მსგავსია, თხელი საზღვრებითა და რბილი, თბილი ნაცრისფერი ჩრდილებით; კუთხეები რჩება მკვეთრი 4 პიქსელის წონით მთელ ტექსტში. EB Garamond გამოიყენება შერჩევით ქვესათაურებისა და პროზისთვის, ხოლო berkeleyMono ამუშავებს კოდს, თეგებს და მეტამონაცემებს, რაც სისტემას ანიჭებს ტიპოგრაფიულ პიროვნებას, რომელიც უფრო ლიტერატურულ ჟურნალს ჰგავს, ვიდრე SaaS დაფას.
მაქსიმალური სიგანე: 1300 პიქსელი ცენტრირებული, 24 პიქსელიანი ზღვარი. ზედა ნავიგაცია: 52 პიქსელი სიმაღლის გამჭვირვალე სათაური ლოგოთი და ტექსტური ნიშნით მარცხნივ, 4 ცენტრირებული ნავიგაციის ბმული, მარჯვნივ გასწორებული „შესვლა / კონტაქტი / ჩამოტვირთვა“ კლასტერი. გმირი: მარცხნივ გასწორებული სათაური + ორმაგი მოწოდების ბლოკი ტექსტით ზედა მარცხენა კუთხიდან, შემდეგ სრული სიგანის პროდუქტის მაკეტის ბარათი, რომელიც მოიცავს გვერდის მთელ სიგანეს. ნდობის ზოლი: 8 ლოგოს ფილისგან შემდგარი ერთი ჰორიზონტალური რიგი ერთ ხაზზე, სექციის სიგანეზე. ფუნქციური სექციები მონაცვლეობით ათავსებენ ტექსტს მარცხნივ და ეკრანის ანაბეჭდს მარჯვნივ ორსვეტიან განლაგებაში, თითოეული 50/50, სექციებს შორის 64-96 პიქსელის ვერტიკალური რიტმით. ყველა ფუნქციური ეკრანის ანაბეჭდი არის ფანჯრის მაკეტი იდენტური macOS სტილით. ქვედა კოლონტიტული: ბმულების ოთხსვეტიანი ბადე ბრენდის ნიშნით მარცხნივ. სექციები გამოყოფილია საკმარისი „სასუნთქი სივრცით“ და არა გამყოფებით - თავად კრემისფერი ტილო უზრუნველყოფს გამიჯვნას.
პროდუქტის ეკრანის ანაბეჭდები ცენტრალურ ადგილს იკავებს: macOS-ის დიდი ფანჯრის მაკეტები, რომლებიც წარმოაჩენენ Cursor IDE-ს მოქმედებაში: ფაილების ჩანართები, განსხვავებების ხედები, აგენტის გეგმები, ტერმინალის პანელები და Slack/ჩატის ინტეგრაცია. თითოეული ფანჯრის მაკეტი ჩარჩოშია #f2f1ed ბარათით, რომელიც რბილი, თბილი კონტრასტით გამოირჩევა. მდუმარე ლანდშაფტის ფოტო (მთები/უდაბნოს ჰორიზონტი) სცილდება მთავარ სექციებს, რაც სითბოს მატებს ინტერფეისთან კონკურენციის გარეშე. კლიენტის ლოგოები ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) წარმოდგენილია მონოქრომული ასოებით აბების ფორმის თეთრეულის ფილებში. არ არის ადამიანების ფოტოები, ილუსტრაციები ან აბსტრაქტული დეკორატიული გრაფიკული ელემენტები - მთელი ვიზუალური წონა ფოკუსირებულია პროდუქტის ინტერფეისსა და ბრენდინგზე. ხატულები არის თხელი, მონოწრფივი გლიფები, რომლებიც შევსებულია #7a7974 Ash-ით, არასდროს ქრომატული.
პალიტრა
ნეიტრალური
- Ink
#26251e— ძირითადი ტექსტი, ძირითადი მოქმედების ღილაკის ფონი, ნავიგაციის ტექსტი - თბილი, თითქმის შავი ელფერი, არასდროს სუფთა #000 - Parchment
#f7f7f4— გვერდის ფონი, მთავარი ტილო, თბილი კრემისფერია, რომელიც არბილებს კონტრასტს და ციფრული ბეჭდვის ნაცვლად მელნით ბეჭდვის შეგრძნებას ქმნის. - Bone
#f2f1ed— მუყაოს ზედაპირები და ტილოზე ერთი ტონით მუქი ფერის ამაღლებული კონტეინერები ქმნის ფენებად დაყოფილ, უსაზღვრო „ქაღალდი ქაღალდზე“ ეფექტს. - Linen
#e6e5e0— ღია ნეიტრალური შევსება მუქი ზედაპირებზე ღილაკებისთვის. - Stone
#cdcdc9— თხელი საზღვრები, გამყოფები, დახვეწილი ტიხრები – 1 პიქსელიანი ხაზები თბილ ტონებში - Mist
#a1a19f— მესამე დონის დამხმარე ტექსტი, წარწერები - მდუმარე და მეორად ტექსტს შორის.
ტიპოგრაფია
12-დან 72 პიქსელამდე · 6 ნაბიჯი
- CursorGothic — ჩანაცვლება: Inter · კონტურები 400, 500 · მომხმარებლის ინტერფეისის, სათაურების, ნავიგაციის, ტექსტის ძირითადი ტექსტისა და პროდუქტის დიზაინის ძირითადი შრიფტი. შრიფტის გამორჩეული თვისებაა 400-ქულიანი წონით და ასოებს შორის თანდათანობით შემცირებული დაშორებით (-0.005em 22 პიქსელზე → -0.03em 72 პიქსელზე): სათაურები არასდროს არის მუქი. შრიფტის ფუნქციები ss08, ss09 და tnum ააქტიურებენ სტილისტურ ალტერნატივებსა და ცხრილურ ფიგურებს.
- EB Garamond — ჩანაცვლება: Iowan Old Style · კონტურები 400, 500 · CursorGothic, ინდივიდუალური ქვესათაურების, ძირითადი ტექსტისა და ცხრილური მონაცემების რედაქციული სერიული შრიფტი, ინტერფეისს ლიტერატურულ შტრიხს სძენს.
- berkeleyMono — ჩანაცვლება: ui-monospace · კონტურები 400, 500 · Monosspace - კოდის ბლოკებისთვის, ბრძანების ხაზის ფრიპტებისთვის, მეტამონაცემებისთვის, ფაილის ბილიკებისთვის და დეველოპერის ეტიკეტებისთვის - ტექნიკური ენა.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 4px |
| ბარათის რადიუსი | 4px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 64-96px |
| გვერდის სიგანე | 1300px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Cursor სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Amplemarket — მზით გაჟღენთილი სამუშაო ადგილი, რომელიც კონფეტით იყო მოფენილი
- Getharvest — მაგიდა ოქროს საათში – თბილი კრემისფერი ტილო, ტილოზე ჩამოკიდებული თეთრი საფოსტო ბარათები და ერთი კაშკაშა ნარინჯისფერი ალი
- Drive Capital — რეტრო საგზაო მოგზაურობის პლაკატი თბილ ქაღალდზე
- Wealthsimple — ქაშმირით მოპირკეთებული საწყობი გალერეის განათებით
- Huddle — პასტელის ინვენტარის ბარათები კრემისფერ ქაღალდზე
- Fuser — დიზაინერის სამუშაო კედელზე მიმოფანტული პოლაროიდები
- Campsite — მზით განათებული რედაქტორის სამუშაო ადგილი - თბილი კრემისფერი ქაღალდი ერთი ნარინჯისფერი შტამპით
- Redis Agency — სარედაქციო სახელოსნო, რომელიც სამუშაო საათების შემდეგაც მუშაობს, სრულიად ბნელი ადგილია, სადაც ბრენდინგის მთელი სამუშაო serif შრიფტებითა და ერთი წითელი ბოლოკით სრულდება.
- AI Product Generation — სარედაქციო ფოტოსტუდია თეთრ ფურცელზე - სათაური ყდაზე, ნარინჯისფერი ფერი სარედაქციო ხაზგასასმელად
- Getanchor — თბილი ტერაკოტის ელფერი მზისგან გახუნებულ კრემისფერ ფონზე
- Flatfile — წყნარი მონაცემთა დღიური თბილ პერგამენტზე
- Inthememory — თეთრ მარმარილოზე შესრულებული არქიტექტურული ნახატი ერთი თბილი შუქით. წყნარი, სარედაქციო მონაცემთა ოთახი, სადაც მუქი ფირუზისფერი მელანი და აბის ფორმის მართვის საშუალებები თეთრ ზედაპირებზე ლივლივებს, რომლებსაც მხოლოდ ნარინჯისფერის ერთი შესხურება არღვევს.