Caldera
Issiq ohaktoshda olov yoqing. Tuval xom, issiq gipsdan yasalgan va har bir to'q sariq element yuzaga bosilgan tutun chiqayotgan cho'g'larga o'xshaydi.
Kaldera eritilgan to'q sariq rangga bo'yalgan iliq ohaktoshli kanvasda ishlaydi. Interfeys tekis va soyasiz bo'lib, deyarli me'moriy miqyosdagi (189 pikselgacha) ultra qalin, quyuqlashtirilgan tipga butun strukturaviy yukni ko'tarishga imkon beradi. Bitta yorqin to'q sariq rang (#fc5000) monoxrom, issiq kulrang fonida yagona, tajovuzkor xromatik aksent vazifasini bajaradi, plazma binafsha rang asosiy yarim rangli tasvir uchun, oltingugurt sariq esa teglar uchun ajratilgan. Vizual til vulqoncha: quyuqlashtirilgan, qalin harflar, yarim rangli nuqta naqshlari, kartalar va tugmalardagi 40 piksel radius va 800 pikselli tabletka shaklidagi boshqaruv elementlari - yumshoq, qog'ozga o'xshash sirtga o'ralgan issiqlik.
Vizual palitra minimalist va puxta o'ylangan. Asosiy oynada fotosurat o'rniga mavhum yarim rangli nuqta naqshidan (binafsha-to'q sariq gradientdagi to'q sariq rangli nuqtalar) foydalaniladi — u bezak sifatida emas, balki brendning badiiy ifodasi sifatida xizmat qiladi. Mahsulot haqida ma'lumot va e'lonlar tushirilgan kartalarda tasvirni to'ldirish uchun qattiq Ember bloklari yoki yarim rangli Plazma binafsha rangidan foydalaniladi, bu esa birlashgan grafik tizimni ta'minlaydi. Hamkor/integratsiya logotiplari yorug' fonda monoxrom piktogrammalar sifatida ko'rinadi. Fotosuratlar, 3D renderlar yoki turmush tarzi tasvirlari yo'q. Piktogrammalar kichik, monoxrom va minimalist — Discord, X va Telegram navigatsiyada oddiy gliflar sifatida joylashgan. Vizual til grafik va tahririy til bo'lib, fotosurat emas: u stok tasvirlari o'rniga plakat dizayniga o'xshaydi.
Palitra
Brend
- Ember
#fc5000— Asosiy harakat tugmalari, stat kartalari va asosiy vizual aksentlar yagona tajovuzkor rang aksentidir; uning iliq kulrang tonlarga nisbatan boyligi qo'shimcha dekorativ elementlarga ehtiyoj sezmasdan shoshilinchlik hissini yaratadi. - Plasma Violet
#524ae9— Asosiy yarim tonli gradient asosi, bitta qo'shimcha karta yuzasi - Deyarli faqat asosiy nuqta naqshida va bitta maxsus kartada ishlatiladi; hech qachon boshqaruv elementlari uchun ishlatilmaydi.
Neytral
- Sulfur
#f5f28e— Teg va kategoriya piktogrammalarining orqa fonida, kichik yoritgichlarda, blog postlari kategoriyalari va dastur e'lonlarini ko'rsatish uchun ishlatiladigan yumshoq sariq rang mavjud. - Limestone
#f7f6f2— Karta yuzalari, kontent bloklari fonlari va qo'shimcha tugmachalar oq rangning ochroq va iliqroq soyasi bo'lib, elementlarni sahifa tuvaliga nisbatan ajratib turadi. - Pumice
#e2e2df— Sahifaning asosiy fon qismi har bir qism uchun asos bo'lib xizmat qiladigan issiq o'rta kulrang rangdir; u karton yuzasidan biroz quyuqroq bo'lib, shakl va fonni soyalarsiz nozik ajratish imkonini beradi. - Obsidian
#070607— Asosiy matn, sarlavhalar, havola matni va tugma ramkalari deyarli qora rangda bo'lib, tuvalning issiq ranglariga deyarli sezilmaydigan iliq tus beradi. - Chalk
#ffffff— To'q rangli qismlardagi matn, qorong'u fonlarda matn kiritish, yuqori kontrastli qoplamalar - sof oq rang faqat qorong'u yuzalar bilan maksimal kontrast talab qilinadigan joylarda ishlatiladi.
Tipografiya
12 dan 189 pikselgacha · 10 qadam
- PP Neue Corp Compact — almashtirish: Bebas Neue · konturlar 400 (Ultrabold cut) · Barcha sarlavhalar va displey matni. Maxsus ishlab chiqilgan, qisqartirilgan, ultra qalin shrift sarlavhalarga sanoat, belgiga o'xshash og'irlik bag'ishlaydi. Asosiy blokdagi 189 piksel o'lcham brendning o'ziga xos uslubini aks ettiradi: qisqartirilgan, tipografik emas, balki deyarli strukturaviy. "ss06" va "ss10" sozlamalari yanada tajovuzkor, qisqartirilgan ritm uchun muqobil harf shakllari va oraliqlarni faollashtiradi. Musbat harf oralig'i (+0.02em) displey o'lchamlari uchun odatiy emas va 80–189 piksel o'lchamda tor matn hissi paydo bo'lishining oldini oladi.
- DM Sans — almashtirish: Inter · konturlar 500 (Medium only — never Regular or Bold) · Asosiy matn, navigatsiya havolalari, tugma yorliqlari va ikkilamchi sarlavhalar 30 pikselgacha. O'rtacha shrift og'irligi ataylab tanlangan — Regular qo'shimcha qalin sarlavha shriftiga nisbatan juda yupqa ko'rinadi va Bold u bilan raqobatlashadi. DM Sans sanoat sarlavha shriftiga nisbatan gumanistik, biroz geometrik kontrapunkt yaratadi.
- System sans-serif — almashtirish: Inter · konturlar 400 · Taglavhalar, metamatn, sanalar, mikroteglar. Faqat 12 pikselli o'lchamlarda ishlatiladi, bu yerda vazn va brendni tanib olish o'lchamni tejashdan ko'ra kamroq ahamiyatga ega.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 16px |
| Tugma radiusi | 40px |
| Karta radiusi | 40px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni Caldera uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- teenage engineering — Studiya yoritishidagi sanoat katalogi - mahsulot sahifadagi yagona muhim ob'ekt bo'lib, qolgan barcha narsalar uning atrofida muhokama qilinadi.
- basement — Ertalab soat 3 da bo'sh bosmaxona – ulkan, siqilgan shriftlar qora rangda yoyilib yotibdi, navigatsiya panelida to'q sariq rangning bir parchasi, qolgan hamma narsa oq yoki sharpa kulrang.
- amra — Oq fonda kamalaksimon shar — lavanta aksenti deyarli mukammal axromatik sahifadagi yagona rang pulsidir va bitta gradient shar asosiy rasm odatda bajaradigan ishni bajaradi.
- Stink Studios — Yarim tunda kinostudiya - proyektor g'uvullaydi, xona qorong'i, faqat plyonka yoritilgan
- Andrei Rybin — Monoxrom eskiz daftari - bu telefon ekranlari oq devorga kontakt varaqlari kabi biriktirilgan dizaynerlik daftari.
- Uniswap Cup — Kibersport musobaqasi maket saytida namoyish etiladi, pushti marker oq kvadratlar va ingichka chiziqlar panjarasini chizib ko'rsatadi.
- Freytag Anderson — Kino pardasi bitta so'z bilan ko'tariladi. Ulkan harakatlanuvchi tasvir butun ekranni egallaydi, brend nomi burchakda sarlavha kabi turadi va boshqa hech narsa chalg'itmaydi.
- Integrated Biosciences — yarim tunda biolyuminestsentsiya laboratoriyasi
- Vercel — Terminal oq qog'ozga bosilgan
- Mintlify — Shisha stol ustidagi bulutli bog'. Qo'lda chizilgan osmon va hujjatli film birgalikda ramkaga solingan - sahifa monastir oq rangga aylanishidan oldin rang va tushuncha to'qnashadigan yagona joy.
- Gleap — Issiq krem tuslarida va grafit aksentlari bilan bezatilgan ish maydoni - zig'ir matosi ustida qora siyoh nuqtalari suzib yuradigan studiya.
- ClickUp — Oq marmar ustidagi kuchli boshqaruv paneli. Sahifa unumdorlik vositasi uchun mahsulot broshyurasidir, shuning uchun vizual til mahsulotning o'zidan olingan: zich ro'yxatlar, holat ko'rsatkichlari, avatarlar guruhlari va displeyda mahsulot spetsifikatsiyasiga o'xshash qalin tipografik bayonotlar.