Ui
კლინიკური გეგმა მქრქალ ქაღალდზე
shadcn/ui არის მონოქრომული დიზაინის სისტემის შექმნის სახელოსნო: სუფთა თეთრი ტილო, რბილი თბილი ნაცრისფერი ზედაპირები და დიდი რადიუსის ბარათები, რომლებიც განლაგებულია ყველაზე დახვეწილ საზღვრებზე. ინტერფეისი თითქმის მთლიანად აქრომატულია - შავი ტექსტი, თეთრი ზედაპირები, ნაცრისფერი მეორადი ტონები - ერთი, დესტრუქციული წითელი ფერით, რომელიც დაცულია შეცდომის მდგომარეობებისთვის და სხვა არაფერი. ტიპოგრაფია ეყრდნობა Geist-ის გეომეტრიულ ნეიტრალიტეტს ეკრანებზე ასოების მკაცრი სიმაღლით, რაც ქმნის მშვიდ, კოდის მსგავს შეგრძნებას, რომელიც უფრო დეველოპერის ინფრასტრუქტურას ჰგავს, ვიდრე სამომხმარებლო პროდუქტს.
მინიმალური სურათები - სისტემა თითქმის მთლიანად მომხმარებლის ინტერფეისისგან შედგება. არ არის ძირითადი ფოტოები, ილუსტრაციები ან დეკორატიული გრაფიკა. პროდუქტის დემო ვერსიები წარმოდგენილია კომპონენტების მაკეტების (ბარათები, შეყვანის ველები, ღილაკები) სახით ბადეზე, რომელიც ემსახურება როგორც დოკუმენტაციას, ასევე ვიზუალურ კონტენტს. ხატულები არის თხელი გეომეტრიული ხაზები (სავარაუდოდ ნასესხები Lucide-დან) 1.5–2 პიქსელის სისქით #0a0a0a ან #737373 ფორმატში, რომლებიც იშვიათად გამოიყენება ფუნქციური მინიშნებების სახით. ვიზუალური ენა თავად ინტერფეისის კომპონენტებია - გვერდი ფუნქციონირებს როგორც ცოცხალი სტილის სახელმძღვანელო, სადაც ყველა ხილული ელემენტი ხილული დიზაინის ელემენტია.
პალიტრა
ნეიტრალური
- Canvas
#f5f5f5— გვერდის ფონი, ზედაპირის მდუმარე შევსება, დამატებითი ღილაკები. - Paper
#ffffff— ბარათის ზედაპირები, ამომხტარი ფონები, ძირითადი ღილაკების შევსება - Surface Alt
#fafafa— გვერდითი ზოლის ფონი, შეუმჩნეველი ბარათის ვარიანტი, შეყვანის ველის უმოქმედო მდგომარეობა. - Ink
#0a0a0a— ძირითადი ტექსტი, სათაურები, ღილაკების იარლიყები, ხატულების კონტურები. - Ink Soft
#171717— ღილაკების ფონის სურათები შევსებით, დამატებითი ტექსტი ღია ზედაპირებზე. - Mid Gray
#737373— ძირითადი ტექსტი, ჩანაცვლების ველის ტექსტი, დამხმარე იარლიყები და ხატულას შევსება გამორთულია.
ტიპოგრაფია
12-დან 48 პიქსელამდე · 8 ნაბიჯი
- Geist — ჩანაცვლება: Inter · კონტურები 400, 500, 600 · ინტერფეისის ყველა ტექსტი — ძირითადი ტექსტი 14 პიქსელი/400 ხაზის სისქით, სათაურები 24–48 პიქსელი/600 ხაზის სისქით და ღილაკები 13–14 პიქსელი/500 ხაზის სისქით. Geist-ის გეომეტრიული ასოების ფორმები და ერთგვაროვანი ხაზის სისქე დეველოპერული ხელსაწყოებისთვის ნეიტრალურ შეგრძნებას ქმნის; 600 ხაზის სისქე 48 პიქსელი ასოების ინტერვალით და -0.05 სმ ასოების ინტერვალით უზრუნველყოფს მკაფიო, თავდაჯერებულ სათაურებს, რომლებიც გააზრებულად გამოიყურება და არა რედაქტირებულად.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8px |
| ღილაკის რადიუსი | 18px |
| ბარათის რადიუსი | 24px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 48-80px |
| გვერდის სიგანე | 1280px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Ui სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Ventriloc — თბილ ქაღალდზე მონაცემების სარედაქციო დაკვირვება - ერთი ნარინჯისფერი ნაკვერჩხალი, რომელიც ხაზს უსვამს მონოქრომულ სიზუსტეს.
- Geniestudio — რბილი, დღის სინათლის რვეული — ისეთი, ფართო კიდეებითა და ერთი სქელი შტრიხით
- xAI — თბილი კრემის ლაბორატორია შავი აბებით
- Cal — მონოქრომული პრაქტიკულობა, ადამიანური მიდგომა. სისტემა, რომელიც მკაცრი შავ-თეთრი პალიტრის მეშვეობით პრიორიტეტს ანიჭებს სიცხადეს და ფუნქციონალურობას, მაგრამ არბილებს მას მეგობრული ტიპოგრაფიითა და მომრგვალებული ფორმებით.
- Scale — მაღალი ხარისხის მუზეუმის დონის ფოტოლაბორატორია ტექნიკურ პროექტთან ერთად
- Contractbook — კრემისფერი ქაღალდის კონტრაქტები ულტრამარინის ცის ქვეშ
- AutoSend — მყუდრო ქვის სტუდია ერთი იისფერი განათებით — სადაც სერიფული სათაურები და კაშკაშა ინდიგოს მოწოდებები მოქმედებისკენ თანაარსებობენ ერთ წყნარ, თითქმის თეთრ სივრცეში.
- Air — ქანდაკება "შუაღამის ცა მინის გავლით"
- SpatialChat — იისფერი პულსი თეთრ პერგამენტზე
- Squarespace — კინემატოგრაფიული მონოქრომული გალერეა
- Giga — შუაღამის ჰორიზონტი ყინვაგამძლე ობსიდიანზე
- Supabase — კოდის რედაქტორი შუაღამისას ფოსფორესცენტული მწვანე წერტილით - ერთი ქრომატული იმპულსი ნახშირის მტვრის ზღვაზე