Stripe
ინდიგოს მელნით დაწერილი სააღრიცხვო წიგნი მქრქალ მინაზე
Stripe ფინანსური ინსტრუმენტებისთვის თითქმის მონოქრომულ ენას იყენებს: რბილი, ცივი თეთრი ტილო მუქი ლურჯი სათაურებით, თითქმის არანაირი დეკორატიული ქრომის ელემენტები და ერთი კაშკაშა ინდიგოსფერი (#533afd), რომლის გამოყენებაც ლეგიტიმურად შეიძლება ღილაკად, ბმულად ან ხატულას კონტურად. ტიპოგრაფია განსაკუთრებით თხელია, 300-პუნქტიანი წონით - თუნდაც 56 პიქსელზე - რაც თავდაჯერებულად შეუმჩნევლად გამოიყურება და არა ზედმეტად კორპორატიულად; ასოებს შორის დაშორება მკვეთრად მცირდება ზომის ზრდასთან ერთად. ღილაკები პატარაა, კვადრატული (4 პიქსელი) და იყენებს იასამნისფერ შევსებას ან ყველაზე თხელ იასამნისფერ კონტურებს. სისტემა მთლიანად თავს არიდებს ჩრდილებს; სიღრმე მიიღწევა ფონის ფერების შეცვლით (თეთრი → #f8fafd → #e5edf5 → იასამნისფერი ელფერებით) და არა ამაღლებით. მთელი ინტერფეისი იქცევა როგორც ბუღალტრული წიგნი ან ტერმინალი: მკვრივი ინფორმაცია, მკაფიო ხაზები, სექციებს შორის საკმარისი სივრცე და ფერი მხოლოდ მაშინ ჩნდება, როდესაც მოქმედებაა საჭირო.
მაქსიმალური სიგანე ~1320 პიქსელია თეთრ ტილოზე ცენტრირებული კონტენტის სვეტისთვის. გმირი არის სრული ზომის (56 პიქსელი) მარცხნივ გასწორებული ტექსტური ბლოკი, რომელსაც ქვემოთ ორი მოქმედებისკენ მოწოდება აქვს, გმირის სურათის გარეშე - ტიპოგრაფია არის გმირი. სექციები ვერტიკალურად არის განლაგებული თანაბარი 96 პიქსელიანი ღარებითა და 1 პიქსელიანი #e5edf5 გამყოფებით; არ არის მონაცვლეობით მუქი/ღია ზოლები. თითოეული სექცია მიჰყვება განმეორებად ნიმუშს: პატარა სექციის სათაური მხოლოდ დიდი ასოებით (შებოლილი ფერი, 12 პიქსელი), შემდეგ 32-48 პიქსელიანი სათაური, შემდეგ 22 პიქსელიანი აბზაცი, შემდეგ პროდუქტის ბარათების ბადე (3 სვეტი სამუშაო მაგიდაზე) ან 2-სვეტიანი ტექსტური ბლოკი ვიზუალური ხელოვნებით. კლიენტის ლოგოები ჩნდება ვიწრო ვერტიკალურ ზოლში, მარცხნივ გასწორებული. ქვედა კოლონტიტული არის ერთი ფართო #f8fafd ზოლი ბმულების მრავალსვეტიანი სიებით. საერთო რიტმი ნელი, გაზომილი და უპირატესად ტექსტურია - ინფორმაციის სიმჭიდროვე დაბალია, მიუხედავად დიდი გადახვევის სიგრძისა.
გამოსახულება თავშეკავებული და დოკუმენტური სტილისაა. სრული გვერდის ფოტოები მხოლოდ იმ განყოფილებებშია განთავსებული, სადაც შემთხვევების შესწავლაა წარმოდგენილი (მაგ., Hertz-ის საჰაერო მოძრაობის ფოტოგრაფია), გადაღებული ზემოდან ან დრამატული კუთხით, ბუნებრივი ფერების გამოყენებით - ორმაგი ტონის ან ფერის დამუშავების გარეშე. პროდუქტის მომხმარებლის ინტერფეისის ეკრანის ანაბეჭდები გამოიყენება ფუნქციების ბარათებში, რომლებიც გამოსახულია მკვეთრი კუთხეებით და მკაფიო საზღვრებით, მოწყობილობის ჩარჩოების გარეშე. პარტნიორების ლოგოები ნაჩვენებია საკუთარ ფერებში, კონტეინერების გარეშე. არ არის ილუსტრაციები, 3D რენდერები ან დეკორატიული აბსტრაქტული გრაფიკული ელემენტები. ხატულები ერთგვაროვანია: ხაზის სისქე 1, ხაზის სისქე 2 თეთრ ფონზე, გეომეტრიული ხაზის არტიკლით (შევრონები, ისრები, მონიშვნები, დოკუმენტის სიმბოლოები). გვერდი ძირითადად ტექსტისა და თეთრი სივრცისგან შედგება; სურათები ვიზუალური ფართობის 3%-ზე ნაკლებს იკავებს.
პალიტრა
ბრენდი
- Indigo Ink
#533afd— იისფერი გამოიყენება შევსებული ღილაკების, არჩეული ნავიგაციის მდგომარეობებისა და ფოკუსზე ორიენტირებული კონვერტაციის მომენტებისთვის. - Indigo Hover
#7389ff— იისფერი გამოიყენება ბმულების, თეგების და მოკლე ფრაზების გამოსაკვეთად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად.
ნეიტრალური
- Midnight Ink
#061b31— მთავარი სათაური და ძირითადი ტექსტი მუქი, თითქმის შავი ფერისაა ცივი ლურჯი ელფერით, რაც მთელი შრიფტის სისტემის საფუძველს წარმოადგენს. - Slate
#64748d— ნაცრისფერი ტექსტი ხაზს უსვამს ბმულებს, თეგებს და მოკლე ფრაზებს. - Steel
#50617a— დამატებითი ტექსტი და დამხმარე მასალები განლაგებულია ქველიცენზიებზე გამოყენებულ ფიქალისფერ და მდუმარე იისფერ ტონებს შორის. - Smoke
#839bc8— დიდი დეკორატიული სათაურებისა და თანმხლები ტექსტისთვის გამოიყენება მდუმარე იისფერი ელფერი - არასდროს ძირითადი აბზაცებისთვის. - Pure White
#ffffff— გვერდის ტილო და ბარათების ამაღლებული ზედაპირები; ნაგულისხმევი ფონი, რომლის მიმართაც ყველაფერი დანარჩენი იზომება. - Mist
#f8fafd— ქვედა კოლონტიტულის ფონი და სექციის გამყოფი დახვეწილი ცივი ელფერისაა, რომელიც ადგილებს ხილული საზღვრის გარეშე ჰყოფს.
ტიპოგრაფია
12-დან 56 პიქსელამდე · 9 ნაბიჯი
- sohne-var — ჩანაცვლება: Inter Tight (variable · კონტურები 300, 400 · მთელ ინტერფეისში გამოყენებული ერთადერთი შრიფტი სათაურების, ძირითადი ტექსტის, ნავიგაციის, ღილაკებისა და ეტიკეტებისთვისაა. 300-იანი წონა ჭარბობს 56 პიქსელიანი ეკრანის ზომის შემთხვევაშიც კი, რაც გამორჩეული თვისებაა: სათაურები ჩურჩულით გამოხატავენ ხმას და არა ხმამაღლა, რაც ავტორიტეტს თავშეკავებით ამყარებს და არა ხმის ტონით. 400-იანი წონა ნავიგაციისა და ღილაკების ტექსტისთვის მხოლოდ 14–16 პიქსელზეა, სადაც დამატებითი შტრიხია საჭირო უფრო მცირე ზომის ტექსტის წასაკითხად.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 4px |
| ბარათის რადიუსი | 4px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 96px |
| გვერდის სიგანე | 1320px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Stripe სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Ui — კლინიკური გეგმა მქრქალ ქაღალდზე
- monopo saigon — სარედაქციო სიჩუმის მიღმა თხევადი, მოელვარე ნათება - მონოქრომული სარედაქციო გალერეა, რომელიც გამდნარ შუქზე ლივლივებს.
- Ventriloc — თბილ ქაღალდზე მონაცემების სარედაქციო დაკვირვება - ერთი ნარინჯისფერი ნაკვერჩხალი, რომელიც ხაზს უსვამს მონოქრომულ სიზუსტეს.
- Hyer Aviation — პერგამენტზე დახატულ ქაღალდზე კაბინაში შებინდება. ფერმკრთალი განთიადის ცა ფიუზელაჟის ზომის სერიფის ლოგოს ერწყმის და ერთი თბილი თიხის აქცენტი მონოქრომულ თავშეკავებას არღვევს.
- Family — ზღაპრის ნაწყვეტი კრემის პერგამენტზე
- OFF+BRAND. — ცისარტყელასებრი სფერო თბილ პერგამენტზე
- Geniestudio — რბილი, დღის სინათლის რვეული — ისეთი, ფართო კიდეებითა და ერთი სქელი შტრიხით
- xAI — თბილი კრემის ლაბორატორია შავი აბებით
- Seed — ცოცხალი ორგანიზმი ლაბორატორიული მინის ქვეშ
- Cosmos — გალერეის კედელი, რომელიც თეთრეულით იყო მოპირკეთებული და პოლაროიდების სურათებით იყო გაფორმებული
- Cal — მონოქრომული პრაქტიკულობა, ადამიანური მიდგომა. სისტემა, რომელიც მკაცრი შავ-თეთრი პალიტრის მეშვეობით პრიორიტეტს ანიჭებს სიცხადეს და ფუნქციონალურობას, მაგრამ არბილებს მას მეგობრული ტიპოგრაფიითა და მომრგვალებული ფორმებით.
- T1 Energy — თბილ პერგამენტზე გამოსახული საწარმოო ობიექტის ნახატი მშვიდი, მონოქრომული სცენაა, სადაც ინდუსტრიული მასშტაბი და დახვეწილი ტიპოგრაფია მთელ ბრენდს განასახიერებს.