Ciridae
ცარიელი ოთახი, რომელშიც მბჟუტავი ნაკვერჩხლის პულსაცია ისმის - თითქმის შავი ტაძარი, სადაც ერთადერთი თბილი ხმა ჟანგის თხელი ხაზია და ყველა ზედაპირი ჩრდილის ნაცვლად წვრილი ხაზებით არის განსაზღვრული.
Ciridae სიცარიელეში მუშაობს: #0b0b0b ტილო, აბის ფორმის კონტროლი ძლივს შესამჩნევი კონტურებით და ტიპოგრაფია, რომელიც Pragmatica Cond-ის 400 წონით დიდ ასოშია ჩასმული - არანაირი მუქი, შერეული ანარეკლი, დეკორატიული ელემენტები. ერთადერთი ქრომატული ნოტია #cc6437, თბილი, მბჟუტავი ჟანგისფერი ელფერი, რომელიც გამოიყენება ყველაზე თხელი შტრიხებისა და მცირე აქცენტირებული პუნქტუაციის ნიშნების სახით და არასდროს არის შევსებული. რუკები #272a2a-ზე 10 პიქსელიანი რადიუსით და ჩრდილების გარეშე მოძრაობს; სისტემა თავს არიდებს სიმაღლეს, ზედაპირებს ტონალური კონტრასტითა და უწვრილესი 1 პიქსელიანი საზღვრებით განსაზღვრავს. ფოტოები ძლიერ ბუნდოვანია და ატმოსფერული - თხევადი მარმარილო, კვამლი, ცეცხლი - ტექსტის უკან სრულეკრანიან რეჟიმშია განთავსებული, ამიტომ ვიზუალური გამოსახულება უფრო ატმოსფერული ჩანს, ვიდრე ილუსტრაციული.
გვერდის განლაგება სრული სიგანისაა, კონტენტი ცენტრირებულია მაქსიმალური სიგანით ~1400 პიქსელი. გმირი არის მუქი, სრული სიგანის კომპოზიცია ცენტრირებული თანავარსკვლავედის ლოგოთი, რომელიც მარცხენა და მარჯვენა მხარეს მიკრო-ეტიკეტებით არის შემოსაზღვრული. სექციები მონაცვლეობითია: მუქი გმირი → ღია ზოლი ქვედაფენებით (ძვალი) → მუქი ტრანსფორმაციის ტექსტი → სისტემური ბარათების მუქი ბადე → მუქი ქვედა კოლონტიტული. ერთი ღია სექცია ქმნის ერთ, მკვეთრ ტონალურ გადასვლას. ბარათების ბადე იყენებს 4 სვეტს, პირველი ბარათი დაახლოებით ორჯერ უფრო ფართოა, ვიდრე დანარჩენი სამი, რაც ქმნის ასიმეტრიულ განლაგებას კონტენტზე აქცენტით. სექციებს შორის ვერტიკალური სივრცე დიდია (80 პიქსელი+). ნავიგაცია მინიმალურია: ზედა ახალი ამბების ზოლი + ერთი მარცხნივ გასწორებული „დაიწყე ახლა“ და მარჯვნივ გასწორებული „მენიუ“ ზედა ზოლში. არ არის გვერდითი ზოლი, არ არის მეგა-მენიუ.
ატმოსფერული ფოტოები, რომლებიც მთელ გვერდის ზედაპირს იკავებენ, დომინირებს მთავარ ეკრანზე და ბარათებზე. სურათები ძლიერ ბუნდოვანია (აღმოჩენილია ფონის დაბინდვის 50 პიქსელი და 40 პიქსელი) და მაღალი კონტრასტით, გამოსახულია თხევადი მარმარილო ლურჯ-წითელი მორევებით, კვამლით, პეიზაჟების მუქი სილუეტებით და ცეცხლის/ნაკვერჩხლის ტექსტურებით. ფოტოები პირქუში და ბნელია, არა მკვეთრი - ისინი იზიარებენ იმავე ტონალურ დიაპაზონს, როგორც ცარიელი ტილო, და არა გამოირჩევიან მის ფონზე. არ არის პროდუქტის ფოტოები, არ არის ადამიანები, არ არის ინტერფეისის სკრინშოტები. სურათები ქმნის ატმოსფეროს და არა წარმოადგენს ილუსტრაციულ შინაარსს. ბარათების ბადე თითოეულ სისტემას ასახავს სხვადასხვა ატმოსფერულ სცენაზე, რაც საშუალებას აძლევს ფოტოებს იმოქმედონ როგორც აბსტრაქტული ვიზუალური იდენტიფიკატორები და არა როგორც პირდაპირი პროდუქტის სურათები.
პალიტრა
ბრენდი
- Ember Rust
#cc6437— აქცენტირებული შტრიხები, ხატულების ხაზები და ტექსტის მცირე მონიშვნები მონოქრომულ სისტემაში ერთადერთი ქრომატული ფერია, რომელიც უფრო ძლივს შესამჩნევი პულსირებადი ლაქის სახით ჩნდება, ვიდრე შევსების სახით.
ნეიტრალური
- Void Black
#0b0b0b— მთავარი გვერდისა და სექციების ფონის სურათები; მთელი სისტემის საფუძველი. - Charcoal Surface
#272a2a— მუყაოსგან და მუქ ადგილებში პანელებისგან დამზადებული ფონის სურათები ტილოზე ერთი ტონით უფრო ღიაა, რათა შეიქმნას ზედაპირების გამოყოფა ჩრდილების გარეშე. - Bone
#edebe7— ფონისა და ზედაპირის ღია უბნები კრემისფერია, სადაც სისტემა მუქიდან ღიაზე გადადის. - Bone Darker
#dfddd9— ნაზი ჩრდილი, სახელწოდებით "ძვალი", მრავალშრიანი მსუბუქი ზედაპირებისა და თბილი, თითქმის თეთრი ფერის ელემენტებისთვის. - Pure White
#ffffff— ყველა ძირითადი ტექსტი და სათაური, მოჩვენებითი ღილაკების საზღვრები და ნავიგაციის ელემენტები ძირითად ფერშია შესრულებული 19.7:1 კონტრასტის თანაფარდობით Void შავ ფონზე. - Abyss
#050505— საინფორმაციო ზოლის (ზედა საინფორმაციო ზოლი) აწეული ფონი - ერთი ტონით უფრო მუქი, ვიდრე მთავარი ტილო, რათა ზოლი გამოირჩეოდეს.
ტიპოგრაფია
11-დან 32 პიქსელამდე · 5 ნაბიჯი
- Pragmatica Cond — ჩანაცვლება: Oswald · კონტურები 400 · ძირითადი ეკრანისა და მომხმარებლის ინტერფეისის შრიფტი არის ვიწრო, შეკუმშული შრიფტი, რომლის ძირითადი ტექსტისთვის მხოლოდ 14 პიქსელია დიდი, 20 პიქსელია სექციის სათაურებისთვის და 32 პიქსელია ძირითადი ტექსტისთვის. სისტემის ყველაზე დამახასიათებელი გადაწყვეტაა უკიდურესად ვიწრო შრიფტი და ძირითადი ტექსტისთვის მხოლოდ 14 პიქსელია დიდი: ძირითადი ტექსტი იკითხება როგორც არქიტექტურული შრიფტის ჩურჩული და არა როგორც ჩვეულებრივი პროზა. თუ Pragmatica Condensed მიუწვდომელია, შეცვალეთ Oswald-ით ან Barlow-ით Condensed.
- Pragmatica — ჩანაცვლება: Inter · კონტურები 400 · მეორადი, პირველადი შრიფტი, რომელიც გამოიყენება უფრო გრძელი პროზაული პასაჟებისთვის (მაგ., „ხელოვნური ინტელექტის ოპერაციული სისტემის“ ბარათის აღწერა 24 პიქსელია, აბზაცის ტექსტი კი 15 პიქსელია). ოდნავ უფრო ფართოა, ვიდრე Pragmatica Cond, რათა უფრო ადვილად წაიკითხოთ დიდ ბლოკებში, მაგრამ მაინც 400 წონით - არასდროს გამოიყენოთ მუქი შრიფტი. შეცვალეთ Inter-ით ან Söhne-ით.
- Roboto Mono — ჩანაცვლება: Roboto Mono (free · კონტურები 400 · მონოსაირის მიკროფონტი ახალი ამბების ტიკერისთვის („ახალი ამბები • 2026 წლის 15 ივნისი • CRUCIBLE-ის ადრეული წვდომა ახლა ღიაა“). მონოსაირის შრიფტი მხოლოდ აქ გამოიყენება, რაც ქმნის მკაფიო ფუნქციურ განსხვავებას: ეს არის სისტემური მონაცემები და არა ბრენდინგი.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | საშუალო |
| ძირითადი ნაბიჯი | 16-20px |
| ღილაკის რადიუსი | 1440px |
| ბარათის რადიუსი | 10px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 80px |
| გვერდის სიგანე | 1400px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Ciridae სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Dala — შავ ხავერდზე მოტივტივე თანავარსკვლავედი
- Linear — შუაღამის ზუსტი ინსტრუმენტი
- Resend — შავი ხავერდი იისფერი ნეონის ფერით
- Dovetail — შავი მთვარის ქვეშ ნახაზები - ძლივს შესამჩნევი გრაფიკული ხაზები, თეთრი შრიფტი, ერთი იისფერი ნაპერწკალი
- Neon — სერვერის ოთახი დაღამების შემდეგ. სრული სიბნელე, სადაც ერთადერთი სინათლე მონაცემებიდან და მომხმარებლის ურთიერთქმედებიდან მოდის.
- Discord — თამაშის სამყარო დამალულია ამომხტარი ჩატის ფანჯრის მიღმა - თითოეული სექცია არის დამოუკიდებელი გარემო საკუთარი განათებითა და პერსონაჟების ნაკრებით.
- Aaru — ნაწილაკების ველის ობსერვატორია შუაღამისას
- Atlas Card — შუაღამის სარდაფი, თავისი ერთადერთი საფირონის სხივით, კუპრივით ბნელი სივრცეა, სადაც ერთადერთი, რაც მნიშვნელოვანია, მუქი ელექტრო ლურჯია.
- Midjourney — ბიოლუმინესცენტური ტერმინალი ღრმა ოკეანეში. ღრმა ზღვის სამყარო, სადაც ინტელექტი ვიზუალურად გენერირდება ASCII ნაკადებში და მართვის საშუალებები ჩანს მკრთალი მანათობელი ნიმუშების სახით.
- Checkly — ღრმა ორბიტის მისიის კონტროლის ცენტრი
- Krea — გალერეა ნუარი შუაღამისას
- Wope — ვოპი იისფერი ჰორიზონტის ინტერფეისია. წარმოიდგინეთ მუქი ობსერვატორიის მაგიდა, რომლის შუშის ქვეშაც იისფერი შუქი გამოდის.