Authkit
მქრქალი მინის ტაძარი შუაღამისას
AuthKit ქმნის ღამის პროდუქტის პრეზენტაციის ესთეტიკას: თითქმის შავი ტილო მქრქალი მინის ზედაპირებით, ძლივს შესამჩნევი ხაზების ბადე და მანათობელი ტექსტი, რომელიც თითქოს მინის ფენით არის განათებული. შრიფტი თითქმის მთლიანად თეთრია მუქ ფონზე, ერთადერთი კაშკაშა იისფერი აქცენტით, როგორც ერთადერთი ფუნქციური ელემენტი - თითოეულ ინტერაქტიულ ზედაპირს აქვს რბილი, თხელი ცივი ლურჯ-თეთრი ხაზი მყარი ჩარჩოს ნაცვლად. კომპონენტები განლაგებულია გამჭვირვალე ფენებზე, რომლებიც ფენებად არის დალაგებული გარემოს ნათებაზე და ბარათები ჩანს როგორც ქვემოდან განათებული მინის ფირფიტები და არა ქაღალდის პანელები. ინტერვალი დიდი და რიტმულია; მთავარი ელემენტია ერთი განათებული ლოგო, რომელიც მოიცავს გვერდის მთელ სიგანეს, გარშემორტყმული მცურავი მინის ბარათებით, ტრადიციული გაყოფილი ეკრანის განლაგების ნაცვლად.
სრული სიგანის, მუქი ტილო ცენტრში განთავსებული კონტენტის კონტეინერით, მაქსიმუმ 1200 პიქსელი სიგანით. მთავარი ელემენტი არის ერთი, ცენტრირებული, განათებული ლოგო („AuthKit“ გრადიენტული შრიფტით) პატარა წარბის ფორმის ტექსტის ქვეშ, რომლის უკან/ქვემოთ სამი მოტივტივე მინის ბარათი შესვლის ფორმის ვენტილატორით (მარცხენა ბარათი დახრილი მარცხნივ, ცენტრალური ბარათი მაქსიმიზებული, მარჯვენა ბარათი დახრილი მარჯვნივ). ღია/მუქი თემის გადამრთველი ცენტრირებულია მთავარი ელემენტის ქვეშ. ფუნქციების რიგი არის 6 ხატულისგან შემდგარი ჰორიზონტალური დროის ზოლი წრიულ ხატულებს შორის თხელი დამაკავშირებელი ხაზებით. სექციის რიტმი: თითოეული სექცია იწყება ცენტრში განლაგებული წარბის ფორმის ტექსტით, რომელიც ჩარჩოში ჩასმულია ქრებოდა ჰორიზონტალური ხაზებით, რასაც მოჰყვება დიდი, ცენტრირებული სათაური (44-48 პიქსელი), რასაც მოჰყვება მდუმარე ძირითადი ტექსტის ერთი ხაზი (16-18 პიქსელი), მაქსიმალური სიგანე ~640 პიქსელი. „მორგების“ განყოფილებაში ნაჩვენებია ბრაუზერის ფანჯრის მაკეტი ცენტრალურად განლაგებული შესვლის ბარათით, რომელიც გარშემორტყმულია მცურავი UI ინსპექტორის პანელებით (ფერების პალიტრები, რადიუსის სლაიდერები, ლოგოს ხატულას სელექტორი, ღილაკის ტექსტური ველი, გვერდის ფონის ველი), რომლებიც განლაგებულია ტილოს კუთხეებში, დიზაინის ხელსაწყოების სამუშაო სივრცის მსგავსად.
ვიზუალურ დიზაინში დომინირებს შესვლის ფორმის მაკეტები, რომლებიც შექმნილია „მინის მორფოლოგიის“ სტილში (ელ. ფოსტის/პაროლის შეყვანის ველები, სოციალური მედიის შესვლის ღილაკები, პაროლის გარეშე კოდის შეყვანა), რომლებიც წარმოდგენილია როგორც მცურავი, გამჭვირვალე ბარათები შუაღამის ტილოს ფონზე. ფუნქციების ხატულები არის მონოქრომული ხაზოვანი გლიფები #d1e4fa ფორმატში, მრგვალ, მქრქალ ფილებში. დახვეწილი ბადე (1 პიქსელიანი ხაზები rgba(186,215,247,0.06)) ფარავს მთელ გვერდს, ქმნის ატმოსფეროს, ხოლო კონუსური გრადიენტიანი პროჟექტორი ბრწყინავს მთავარი ელემენტის ზედა ნაწილში. არც ფოტოები, არც ცხოვრების წესის სურათები, არც პროდუქტის ეკრანის ანაბეჭდები - თავად პროდუქტია ვიზუალური ელემენტი: შესვლის ველები განლაგებულია შუშის პროტოტიპების მსგავსად ბნელ სტუდიაში.
პალიტრა
ბრენდი
- Void Violet
#663af3— მოქმედებისკენ მოწოდების (CTA) ღილაკის ძირითადი ფერი ერთადერთი აქცენტური ფერია, რომელიც გამოიყენება ექსკლუზიურად შესვლის ფორმებში „გაგრძელება/გაგზავნა“ ღილაკისთვის; თითქმის შავ ფონზე ნათელი იისფერი ქმნის სასწრაფოობის შეგრძნებას მონოქრომატული ფერთა სქემის დარღვევის გარეშე.
ნეიტრალური
- Midnight Canvas
#05060f— გვერდის ფონი, ბარათის ყველაზე ღრმა ზედაპირი, სამკერდე ნიშნის შევსება - თითქმის შავი ბაზა, რომელზეც ყველაფერი დანარჩენი ტივტივებს. - Steel Plate
#2f343e— ამაღლებული ზედაპირი, ფანტომური/მეორადი მოქმედების ღილაკები, შეუმჩნეველი პანელის უკანა მხარე. - Fog Veil
#9da7ba— ძირითადი ტექსტი, ბარათზე მოცემული ტექსტი, იკითხება, მაგრამ სათაურებთან შედარებით უკანა პლანზეა გადატანილი. - Moon Mist
#c7d3ea— მთავარი ტექსტი, დამატებითი წარწერები, მდუმარე დამხმარე ტექსტი - Frost Glow
#d1e4fa— ძირითადი შევსების ფერი ძირითადი ტექსტისა და ბმულის ტექსტისთვის, ხატულას ტექსტისთვის და ხატულას შევსებისთვის არის ნაგულისხმევი მანათობელი წინა პლანი. - Ice Highlight
#d8ecf8— ღია ფერის ტექსტი მუქ ზედაპირებზე, ინვერსიული წარწერები და მაღალი კონტრასტის მქონე სათაურები. არ გამოიყენოთ ის მოქმედებისკენ მოწოდების ძირითად ფერად; AuthKit-ის ლოგოსა და ძირითად სათაურებში გამოყენებულია სათაურის გრადიენტი - გლუვი გადასვლა ღია ლურჯიდან რბილ ლურჯზე ზემოდან ქვემოთ.
ტიპოგრაფია
12-დან 48 პიქსელამდე · 8 ნაბიჯი
- Untitled Sans — ჩანაცვლება: Inter · კონტურები 400, 500, 600, 700 · მთავარი ტექსტი, მომხმარებლის ინტერფეისი, ღილაკები, შეყვანის ველები, ხატულები, პატარა სათაურები - უნივერსალური შრიფტი ყველაფრისთვის, რაც ფუნქციონალურია.
- aeonikPro — ჩანაცვლება: Space Grotesk · კონტურები 400, 500 · მხოლოდ სათაურების — AuthKit ბრენდინგის, სექციის სათაურებისა და ძირითადი ტექსტის — ჩვენებით, 500-ქულიანი შრიფტის წონა 44-48 პიქსელით ბრენდინგს ფართო, თავშეკავებულ იერს სძენს და არა თვალშისაცემად.
- dotDigital — ჩანაცვლება: JetBrains Mono · კონტურები 400 · მხოლოდ დიდი ასოებით დაწერილი ტექსტი („შესავალი“, „გაფართოებადი დიზაინი“, „კაშკაშა ელფერი“) - მონოსაირიანი, მხოლოდ დიდი ასოებით დაწერილი ტექსტი 0.10 მილიმეტრიანი ინტერვალით წარმოადგენს ძირითად ტექსტსა და სათაურს შორის დახვეწილი გამყოფის ფუნქციას.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 16px |
| ღილაკის რადიუსი | 999px |
| ბარათის რადიუსი | 16px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 120px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Authkit სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Resend — შავი ხავერდი იისფერი ნეონის ფერით
- Gsap — ანიმაციური თეთრი დაფა დიზაინის სტუდიაში. თითქმის შავი კედელი, თბილი კრემისფერი ცარცი და ხუთი ფერადი მარკერი - თითო ანიმაციის თითოეული დისციპლინისთვის.
- Slash — შუაღამის სარდაფი მოოქროვილი საწიგნეებით
- Raycast — შუაღამის სარდლობის ცენტრი, Coral Neon
- Dimension — შებინდებისას განათებული სამუშაო ადგილი მქრქალი მინის პანელებით
- Modal — ფოსფორესცენტული ტერმინალი ჩაბნელებულ სერვერების ოთახში - სინათლის ერთადერთი წყარო კაშკაშა მწვანე ფერია
- Reflect Notes — ვარსკვლავური იისფერი სივრცე ბნელი ობსერვატორიაა, სადაც ნოტები თანავარსკვლავედებივით ლივლივებენ თითქმის შავი ინდიგოს სიცარიელის ფონზე.
- LaunchDarkly — ნეონის საკონტროლო ოთახი ბნელი კაბინაა, სადაც იისფერი სიგნალები ჭავლისფერ შავ პანელებში ისმის.
- Ameba — საკონტროლო ოთახი შუაღამისას - ელექტრო ლურჯი იმპულსი მქრქალი მინის პანელებში
- AgentQL — ჩრდილოეთის ნათება ტერმინალის თავზე ღამით
- Neon — სერვერის ოთახი დაღამების შემდეგ. სრული სიბნელე, სადაც ერთადერთი სინათლე მონაცემებიდან და მომხმარებლის ურთიერთქმედებიდან მოდის.
- N8n — სამუშაო ნაკადის ძრავა შუაღამისას - რეალურ დროში ავტომატიზაციის ტილოს შეგრძნება ბნელ სერვერულ ოთახში, განათებული სტატუსის ინდიკატორებითა და მონაცემთა ნაკადებით.