Resend
შავი ხავერდი იისფერი ნეონის ფერით
Resend თითქმის სრულ სიბნელეში არსებობს - სუფთა შავი ტილო, თხელი გრაფიტის საზღვრები და თეთრი-შავი ტიპოგრაფია, რომელიც ქმნის შეგრძნებას, თითქოს მქრქალ მინაზე დაბეჭდილი ტექსტი კითხულობთ. მთავარი ელემენტი ანტიორნამენტულია: ერთი დიდი სერიფული სათაური 96 პიქსელიან Domaine-ში სამგანზომილებიანი შავი კუბის გვერდით, გრადიენტებისა და მარკეტინგული ილუსტრაციების გარეშე. ბრენდის ნიშანი არის მდიდარი იისფერი (#9281f7), რომელიც ჩნდება ელექტრონული ფოსტის მისამართის ხაზებში, სტატუსის ხატულებსა და კოდის ნიმუშებში - არასდროს ღილაკებზე. მონოსაიდის შრიფტი (Commit Mono) გადმოსცემს დეველოპერის პიროვნებას ყველა კოდის ბლოკში, ხატულასა და ჩასმულ ეტიკეტში, რაც გვერდს მდიდრულ ინტერფეისში ჩასმულ ტერმინალს ჰგავს. კომპონენტებს აქვთ მკვეთრი ან ოდნავ მომრგვალებული კუთხეები (6 პიქსელი / 16 პიქსელი), დაბალი სიმაღლეები და იყენებენ 1 პიქსელიან საზღვრებს ჩრდილების ნაცვლად ფენების გამოსაყოფად. დინამიკა დახვეწილია, მაგრამ ექსპრესიული: ტექსტის გლუვი გაქრობა და სრიალი მთავარ ეკრანზე, კუბის დახვეწილი როტაცია WebGL-ის გამოყენებით და მოკლე 150 ms გადასვლები მაუსის გადატანისას.
ვიზუალური დიზაინი თითქმის მთლიანად შედგება WebGL-ით (მთავარ ფანჯარაში შავი კუბი, მბრუნავი გეომეტრიული ფორმები) და პროდუქტის მომხმარებლის ინტერფეისის ჩაშენებული ეკრანის ანაბეჭდებისგან, რომლებიც ნაჩვენებია მუქი კოდის ფანჯრებში. არ გამოიყენება ფოტოები, ილუსტრაციები ან ცხოვრების წესის სურათები. ნდობის ზოლში არსებული ლოგოები არის ჩაშენებული SVG სურათები მათ ორიგინალურ ფერებში. ხატულები არის 1px-1.5px კონტურები #f0f0f0 ან #a1a4a5 შტრიხით. ვიზუალური ენა: შავი ტილო, 3D ობიექტი, როგორც მთავარი ფანჯრის წამყვანი, მუქი კოდის ფანჯრები, როგორც პროდუქტის მტკიცებულება, თეთრი SVG ლოგოები, როგორც სოციალური მტკიცებულება. არაფერი დეკორატიული - ყველა ვიზუალური ელემენტი არის ან სტრუქტურული (კუბი) ან დემონსტრაციული (კოდის ფანჯარა, ლოგო).
პალიტრა
ბრენდი
- Iris Violet
#9281f7— ბმულების, თეგებისა და მონიშნული მოკლე ფრაზების იისფერი აქცენტირებული ტექსტი; ხატულების კონტეინერებსა და ბრენდის ხატულებზე დიაგონალური გრადიენტი იისფერიდან მეწამულამდე. - Iris Violet Glow
#baa7ff— ბმულები, თეგები და მოკლე, მონიშნული ფრაზები იისფერით არის მონიშნული.
ნეიტრალური
- Void Black
#000000— გვერდის ფონი, მუყაოს ზედაპირები, გადაფარვის ეკრანები - მთელი ტილო. - Graphite Hairline
#292d30— ბარათებზე, შეყვანის ველებზე, ღილაკებზე, კოდის ბლოკებსა და გამყოფებზე 1 პიქსელის საზღვრები განსაზღვრავს თითოეული ფენის გამოყოფას. - White
#ffffff— მთავარი სათაურები, სათაური, ღილაკების იარლიყები, ხატულების შევსება მუქ ზედაპირებზე. - Bone White
#f0f0f0— ძირითადი ტექსტი, მეორადი სათაურები, ხატულების კონტურები - კითხვის მთავარი ფერი. - Ash Gray
#a1a4a5— მდუმარე ძირითადი ტექსტი, ხატულების იარლიყები, ხატულების კონტურები - მესამე დონის ტექსტი და მეტამონაცემები. - Smoke Gray
#abafb4— ბმულის ფერი, გამორთული ღილაკის ტექსტი, დამხმარე ეტიკეტები - მეოთხე დონის ტექსტი
ტიპოგრაფია
12-დან 96 პიქსელამდე · 8 ნაბიჯი
- Inter — ჩანაცვლება: Inter (Google Fonts) · კონტურები 400, 500, 600 · ძირითადი ტექსტი, ინტერფეისის ეტიკეტები, ნავიგაცია, ღილაკები, ბმულები. სამუშაო ინსტრუმენტი - კოდის გარდა ყველა ზედაპირზე 1280-ჯერ ჩნდება.
- Domaine — ჩანაცვლება: GT Sectra · კონტურები 400 · სათაურის ტექსტი — 400-პუნქტიანი შრიფტი ასოებს შორის 96 პიქსელიანი ინტერვალით — ქმნის სარედაქციო, თითქმის ბეჭდური ტექსტის მსგავს შეგრძნებას. ყველაზე დიდი სათაურისთვის ის მთელ გვერდზე მხოლოდ ორჯერ გამოიყენება.
- aBC Favorit — ჩანაცვლება: Inter Display · კონტურები 400, 500 · სექციის სათაურები და ქვესათაურები. ბრენდის სტილის შრიფტი არის 56 პიქსელი, წონა - 400, ხოლო ასოებს შორის დაშორება -0.05 em. ამ გეომეტრიულ sans-serif შრიფტში ასოების უკიდურესად უარყოფითი დაშორება ქმნის შეკუმშულ, თავდაჯერებულ შთაბეჭდილებას, რაც კონტრასტშია Domaine-ს ძირითად შრიფტთან.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | ფართო |
| ძირითადი ნაბიჯი | 16px |
| ღილაკის რადიუსი | 6px |
| ბარათის რადიუსი | 16px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 96px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Resend სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Neon — სერვერის ოთახი დაღამების შემდეგ. სრული სიბნელე, სადაც ერთადერთი სინათლე მონაცემებიდან და მომხმარებლის ურთიერთქმედებიდან მოდის.
- Discord — თამაშის სამყარო დამალულია ამომხტარი ჩატის ფანჯრის მიღმა - თითოეული სექცია არის დამოუკიდებელი გარემო საკუთარი განათებითა და პერსონაჟების ნაკრებით.
- Midjourney — ბიოლუმინესცენტური ტერმინალი ღრმა ოკეანეში. ღრმა ზღვის სამყარო, სადაც ინტელექტი ვიზუალურად გენერირდება ASCII ნაკადებში და მართვის საშუალებები ჩანს მკრთალი მანათობელი ნიმუშების სახით.
- Wope — ვოპი იისფერი ჰორიზონტის ინტერფეისია. წარმოიდგინეთ მუქი ობსერვატორიის მაგიდა, რომლის შუშის ქვეშაც იისფერი შუქი გამოდის.
- Ori — შუაღამისას სერვერების ოთახი შავი სიცარიელეა, თეთრი შუქით, ერთი ჩამრთველი ჩართული.
- Amaterasu — ციური ფირუზისფერი საკურთხეველი
- Obsidian — კრისტალური ცოდნის საცავი. მკაფიო, მრავალმხრივი ციფრული სივრცე, რომელიც შექმნილია სიცხადისა და ფოკუსირებისთვის, ურთიერთქმედების მანათობელი იასამნისფერი ძარღვებით.
- Morphic — ხელოვნური ინტელექტით მართული სიუჟეტის მოყოლისთვის მუქი კინემატოგრაფიული ტილო. სუფთა შავი შთანთქავს ყველაფერს, გარდა ერთი აქცენტის ლურჯი პულსაციისა და გენერირებული გამოსახულების ნათებისა.
- Valo — ნუარის ობსერვატორია შუაღამისას - 300 პინტიანი ტიპოგრაფია ლივლივებს სუფთა შავ ფონზე, ხოლო ოთახში ლაზერული ხაზივით გადის ფირუზისფერ-იისფერი გრადიენტი.
- JetBrains — ნეონის ნისლეული ობსიდიანზე – შავი ფონის გვერდი, სადაც იისფერ-ლურჯი გრადიენტები ყვავის, როგორც ღრმა კოსმოსის სურათები, გადახლართული ვარდისფერი ნეონით და თითოეული პროდუქტის ხატულების ქრომატული ნათებით.
- beehiiv — შუაღამის ობსერვატორია ნეონის პლაზმით
- RainbowKit — ნეონის მოდალური საფულის ორგანაიზერი შავ სიცარიელეში ლივლივებს, ლურჯ-იისფერი ნათება კი სიბნელეს აღწევს.