
Caldera
İsti əhəngdaşı üzərində od qalayın. Kətan çiy, isti suvaqdan hazırlanıb və hər narıncı element səthə basılmış közlərə bənzəyir.
Kaldera, əridilmiş narıncı rəngdə çilənmiş isti əhəngdaşı kətan üzərində işləyir. İnterfeys düz və kölgəsizdir, bu da demək olar ki, memarlıq miqyasında (189 pikselə qədər) ultra-cəsarətli, sıxılmış tipin bütün struktur yükünü daşımasına imkan verir. Tək canlı narıncı (#fc5000) monoxrom, isti boz rənglər fonunda yeganə, aqressiv xromatik vurğu kimi çıxış edir, plazma bənövşəyi əsas yarımtonlu təsvir üçün, kükürd sarısı isə etiketlər üçün ayrılıb. Vizual dil vulkanikdir: sıxılmış, ağır hərflər, yarımtonlu nöqtə naxışları, kartlarda və düymələrdə 40 piksel radius və 800 piksel həb formalı idarəetmə elementləri - yumşaq, kağıza bənzər bir səthdə örtülmüş istilik.
Vizual palitra minimalist və düşüncəlidir. Əsas pəncərədə fotoşəkil əvəzinə mücərrəd yarımtonlu nöqtə naxışından (bənövşəyi-narıncı qradiyentdə narıncı nöqtələr) istifadə olunur - bu, bəzək kimi deyil, brendin bədii ifadəsi kimi xidmət edir. Məhsul məlumatı və elanları olan kartlarda şəkil doldurmaları kimi ya bərk Ember bloklarından, ya da yarımtonlu Plazma Bənövşəyisindən istifadə olunur və vahid qrafik sistem təmin edir. Tərəfdaş/inteqrasiya loqotipləri işıq fonunda monoxrom nişanlar kimi görünür. Fotoşəkillər, 3D renderlər və ya həyat tərzi şəkilləri yoxdur. Nişanlar kiçik, monoxrom və minimalistdir - Discord, X və Telegram naviqasiyada sadə qliflər kimi yerləşir. Vizual dil qrafik və redaksiya xarakterlidir, fotoqrafik deyil: stok şəkillərindən daha çox poster dizaynına bənzəyir.
Palitra
Brend
- Ember
#fc5000— Əsas hərəkət düymələri, stat kartları və əsas vizual vurğular yeganə aqressiv rəng vurğusudur; isti boz tonlara qarşı zənginliyi əlavə dekorativ elementlərə ehtiyac olmadan təcililik hissi yaradır. - Plasma Violet
#524ae9— Əsas Yarımtonlu Qradiyent Bazası, Bir Əlavə Kart Səthi - Demək olar ki, yalnız əsas nöqtə naxışında və bir xüsusi kartda istifadə olunur; heç vaxt idarəetmə üçün istifadə edilmir.
Neytral
- Sulfur
#f5f28e— Etiket və kateqoriya nişanlarının arxa planı, kiçik vurğulamalar, blog yazı kateqoriyalarını və proqram elanlarını göstərmək üçün istifadə olunan yumşaq sarı rəngdir. - Limestone
#f7f6f2— Kart səthləri, məzmun bloku fonları və əlavə düymə doldurmaları elementləri səhifə kətanına qarşı fərqləndirən daha açıq və isti ağ rəng çalarıdır. - Pumice
#e2e2df— Səhifənin əsas fonu hər bölmə üçün təməl rolunu oynayan isti orta boz rəngdədir; karton səthindən bir qədər tünddür və bu da kölgələr olmadan fiqur və fonun incə şəkildə ayrılmasına imkan verir. - Obsidian
#070607— Əsas mətn, başlıqlar, keçid mətni və düymə çərçivələri, demək olar ki, qara rəngdədir və kətanın isti rəngləri ilə uyğunlaşan, çətinliklə nəzərə çarpan isti bir çalar var. - Chalk
#ffffff— Tünd hissələrdə mətn, tünd fonlarda giriş mətni, yüksək kontrastlı örtüklər - Saf ağ rəng yalnız tünd səthlərlə maksimum kontrast tələb olunduğu yerlərdə istifadə olunur.
Tipoqrafiya
12-dən 189 pikselə qədər · 10 addım
- PP Neue Corp Compact — əvəzetmə: Bebas Neue · konturlar 400 (Ultrabold cut) · Bütün başlıqlar və ekran mətni. Xüsusi hazırlanmış, sıxılmış, ultra qalın şrift başlıqlara sənaye, işarəyə bənzər bir ağırlıq verir. Əsas blokdakı 189 piksel ölçüsü brendin imza stilini əks etdirir: sıxılmış, tipoqrafik deyil, demək olar ki, strukturlaşdırılmışdır. "ss06" və "ss10" parametrləri daha aqressiv, sıxılmış ritm üçün alternativ hərf formalarını və boşluqları aktivləşdirir. Müsbət hərf boşluğu (+0.02em) ekran ölçüləri üçün qeyri-adi haldır və 80–189 pikseldə sıxılmış mətn hissinin qarşısını alır.
- DM Sans — əvəzetmə: Inter · konturlar 500 (Medium only — never Regular or Bold) · Əsas mətn, naviqasiya linkləri, düymə etiketləri və ikinci dərəcəli başlıqlar 30 pikselə qədərdir. Orta şrift qalınlığı qəsdən seçilib — Regular əlavə qalın başlıq şriftinə qarşı çox nazik görünəcək və Bold onunla rəqabət aparacaq. DM Sans sənaye başlıq şriftinə humanist, bir az həndəsi kontrapunkt yaradır.
- System sans-serif — əvəzetmə: Inter · konturlar 400 · Başlıqlar, metamətn, tarixlər, mikroteqlər. Yalnız 12 piksellik ölçüdə istifadə olunur, burada çəki və brendin tanınması ölçüyə qənaət etməkdən daha az vacibdir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 16px |
| Düymə radiusu | 40px |
| Kart radiusu | 40px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Caldera üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- teenage engineering — Studiya işıqlandırmasında sənaye kataloqu - məhsul səhifədəki yeganə əhəmiyyətli obyektdir və qalan hər şey onun ətrafında müzakirə olunur
- basement — Saat 3-də boş bir mətbəə – qara rəngdə nəhəng, sıxılmış şriftlər, naviqasiya panelində tək bir narıncı işıq, qalan hər şey ağ və ya xəyalət kimi boz.
- amra — Ağ fonda göyqurşağı kürə — lavanda vurğusu, demək olar ki, mükəmməl axromatik səhifədəki yeganə rəng impulsudur və tək qradiyent kürə əsas illüstrasiyanın adətən gördüyü işi görür.
- Stink Studios — Gecəyarısı kinostudiya - proyektor zümzümə edir, otaq qaranlıqdır, yalnız film işıqlandırılır
- Andrei Rybin — Monoxrom eskiz dəftəri, telefon ekranlarının ağ divara kontakt vərəqləri kimi bərkidilmiş dizayner dəftəridir.
- Uniswap Cup — Kiberidman yarışmasının yayımı maket saytında baş verir - çəhrayı marker ağ kvadratlar və nazik xətlərdən ibarət şəbəkəni təsvir edir.
- Freytag Anderson — Kino pərdəsi tək bir sözlə qalxır. Nəhəng bir hərəkətli görüntü bütün ekranı tutur, brendin adı küncdə titr kimi görünür və başqa heç nə diqqəti yayındırmır.
- Integrated Biosciences — gecə yarısı biolüminesans laboratoriyası
- Vercel — Terminal ağ kağız üzərində çap olunub
- Mintlify — Şüşə masanın üstündəki bulud bağı. Əl ilə çəkilmiş səma və sənədli film bir çərçivəyə salınıb - səhifənin ağ rəngə çevrilməzdən əvvəl rəng və konsepsiyanın toqquşduğu yeganə yer.
- Gleap — İsti krem tonlarında və qrafit vurğuları ilə bəzədilmiş iş sahəsi — kətan arxitekturasının üzərində mat qara mürəkkəb nöqtələrinin üzdüyü bir studiya.
- ClickUp — Ağ mərmər üzərində güclü bir idarəetmə paneli. Səhifə məhsuldarlıq aləti üçün məhsul broşürüdür, buna görə də vizual dil məhsulun özündən götürülmüşdür: sıx siyahılar, status göstəriciləri, avatarlar qrupları və ekranda məhsul spesifikasiyasına bənzəyən qalın tipoqrafik ifadələr.