Subframe
İsti perqament üzərində qrafik rəsm. Hər vuruşun ya qrafit, ya da silgi olduğu dizayner kağızı heç vaxt rənglənmir — dərinlik xətt qalınlığı və seyrək seriflər vasitəsilə əldə edilir.
Alt çərçivə monoxrom dizaynerin iş sahəsidir: isti, krem rəngli kətan, qrafit-qara mürəkkəb və xromatik vurğuların tamamilə olmaması. Bütün interfeys tək bir material - kağız, qələm və kölgə - kimi qəbul edilir və tək bir qalın tipoqrafik toxunuşla: sistematik sans-serif (Inter) fonunda yerləşdirilmiş zərif serif (Instrument Serif), başlıqlara redaksiya cazibəsi verir. Səthlər qaldırılmış deyil, düz və çərçivəlidir; dərinlik #e5e7eb-də nazik bölücülər və kölgələr əvəzinə tünd idarəetmələrdə daxil edilmiş işıqlandırmalar vasitəsilə əldə edilir. Sıxlıq səxavətlidir: geniş şaquli ritm (bölmələr arasında 48-64 piksel boşluq), mərkəzləşdirilmiş, tam enli düzülüşlər və mətn ətrafında geniş boşluq. Yeganə rəng, demək olar ki, ağ və demək olar ki, qara arasındakı kontrastdır, bu da tünd düyməni hər səhifədə ən diqqət çəkən element, boz tonlarda partnyor brend loqotiplərinin zolağı isə yeganə dekorativ vizual elementdir.
Mərkəzləşdirilmiş, tam enli düzülüşlər (1200 piksel) və geniş şaquli ritm. Əsas element tək, mərkəzləşdirilmiş blokdur: yuxarıda tünd, seqmentləşdirilmiş idarəetmə, böyük "İnter" başlığı, tək sətirli alt başlıq və iki bitişik düymə (dolu + şəffaf) — yan şəkil yoxdur, düzülüş ayrılması yoxdur. Əsas elementin altında mərkəzləşdirilmiş boz rəngli loqo zolağı var. Hər sonrakı bölmə eyni nümunəni izləyir: sola düzülmüş başlıq və alt başlıq bloku, sonra bölmələr arasında 48-64 piksellik boşluq olan tam enli məhsul vitrin çərçivəsi. Naviqasiya minimaldır: mərkəzləşdirilmiş keçidlər və sağa düzülmüş hərəkətlər olan üst panel, yan panel yoxdur, meqa-menyu yoxdur. Səhifə yuxarıdan aşağıya bir sıra mərkəzləşdirilmiş ifadələr kimi oxunur, hər birinə geniş yer verilir — düzülüş məşğul məhsul səhifəsindən daha çox redaksiya portfeli kimi hiss olunur.
Vizual dizayn minimalist və funksionaldır. Sistem iki vizual rejimdən istifadə edir: (1) çərçivəli məhsul ekran görüntüləri və 24 piksel radiuslu çərçivələrdə yerləşdirilmiş UI maketləri — onlar eyni monoxrom palitrada göstərilən faktiki interfeys komponentlərini (cədvəllər, düymələr, formalar) göstərir və ekran görüntülərinin səhifəyə sorunsuz şəkildə inteqrasiya olunmuş görünməsini təmin edir; (2) boz rəngli tərəfdaş loqotiplərinin tək bir zolağı sosial sübut kimi xidmət edir, düz, rəngsiz və ya konteynersiz göstərilir. Həyat tərzi fotoşəkilləri, mücərrəd qradiyentlər və ya 3D görüntülər yoxdur. Yeganə illüstrativ element, marka ikonası olan isti boz fonda mərkəzləşdirilmiş tünd məhsul "kafelidir" — bu, bəzək kimi deyil, məhsul nümayişi kimi qəbul edilir. Bütün şəkillər mətn əsaslı bir düzülüş tutur, burada vizual ağırlıq mətn tərəfindən daşınır.
Palitra
Neytral
- Page Canvas
#fafafa— Səhifənin arxa planı, kətan üzərindəki açıqca, tünd səthlərdəki açıq mətn - bütün monoxrom sistemin əsasını təşkil edən isti ağ rəng. - Hairline Border
#e5e7eb— Bölücülər, kart sərhədləri, şəkil çərçivələri, ikon konturları - sistemdə ən çox istifadə edilən kontur növü fəza strukturunu müəyyən edir. - Card Surface
#ededed— Kartlar üçün qaldırılmış fon, əlavə bir səth - kətandan bir addım yuxarıda yerləşir və kölgələr olmadan qruplaşdırma yaradır. - Divider Mid
#dadada— Orta ton bölücüləri və bölmələr arasında keçidlər - Graphite
#242424— Yüngül səthlərdə əsas düymələr üçün yüksək kontrastlı neytral doldurma. - Ink Black
#171717— Əsas mətn, başlıqlar, işarə konturları - səthlər əvəzinə tipoqrafiya üçün istifadə edilən Qrafitdən bir az daha sərindir.
Tipoqrafiya
12-dən 128 pikselə qədər · 7 addım
- Inter — əvəzetmə: Inter (Google Fonts) · konturlar 500, 600, 700 · Sans-serif sistem interfeysi — naviqasiya, əsas mətn, düymələr, alt başlıqlar və bölmə başlıqları. Çəki: Əsas mətn və idarəetmə elementləri üçün 500, alt başlıqlar və naviqasiya vurğuları üçün 600 və bölmə başlıqları üçün 700. Güclü mənfi hərf aralığı istənilən ölçüdə həndəsi formaları sıxışdırır və interfeysə qısaldılmış, texniki görünüş verir.
- Instrument Serif — əvəzetmə: Playfair Display · konturlar 400 · Xüsusi olaraq başlıqlar və redaksiya məzmunu üçün hazırlanmış serif şrift. 400 çəkisi və -0.025 em hərf aralığı, İnter-in sənaye həndəsəsi ilə ziddiyyət təşkil edən zərif, kursiv görünüş yaradır - imza texnikası: sans-serif səhifəsindəki tək bir serif söz və ya ifadə başlıq üslubu əvəzinə vizual durğu işarəsi kimi xidmət edir.
- Fragment Mono — əvəzetmə: JetBrains Mono · konturlar 400 · Sətir içi kod kimi elementlər, etiket etiketləri və texniki çağırışlar üçün vurğu mono. Seyrək istifadə edildikdə, dizayn alətinin "bu maşın çıxışıdır" göstərmək istədiyi funksiya siyahılarında və sətir içi annotasiyalarda görünür.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 8px |
| Düymə radiusu | 16px |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Subframe ü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
- monopo saigon — Redaksiya sükutunun arxasındakı maye, göy qurşağı parıltısı — ərimiş işıqda üzən monoxrom redaksiya qalereyası
- Hyer Aviation — Perqament üzərində kabinədə qaranlıq çökür. Solğun şəfəq səması gövdə ölçülü serif loqotipi ilə qarşılaşır və tək bir isti gil vurğu monoxrom təmkinini pozur.
- OFF+BRAND. — İsti perqament üzərində göy qurşağı kürə
- Seed — laboratoriya şüşəsi altında canlı orqanizm
- Eindhoven Design District — Ağ kağız üzərində redaksiya qəddarlığı, minimal fotoqrafiya və mütləq təmkinlə, böyük şriftlə icra edilmiş bələdiyyə dizayn manifestidir.
- Miranda — Açıq krem fonunda klassik geniş formatlı şrift — rəqəmsal dövr üçün qəzet redaksiyası
- Monocle — Krem rəngli kağız üzərində yüksək keyfiyyətli, geniş formatlı qəzet. Hər sütunun öz yerinə layiq olduğu və səhifədə yalnız bir mənalı rəngin göründüyü diqqətlə seçilmiş redaksiya məqaləsi.
- Agencja brandingowa — Ağ tonlarda, qara mürəkkəblə işlənmiş tipoqrafiya ilə redaksiya qalereyası
- Websmith Studio — Krem kağız üzərində səhər işığı
- Aspelin Reitan — Candlelight tərəfindən Memarlıq Arxivi - Səhifə, isti krem rəngli divara sancılmış, səhifənin bütün enində hər şəklin üstündə üzən tək bir sətir ağ mətnlə tikilmiş məkanlar portfelinə bənzəyir.
- Public — Soyuq mərmər üzərində monoxrom redaksiya əsəri — demək olar ki, monoxrom kətan, 300 punktluq serif şrift və tək bənövşəyi vurğu bütün rəng işlərini yerinə yetirir.
- Motto — Kağız üzərində tipoqrafik monolit – qar kimi ağ kağızda özünü elan edən tək, inamlı bir səs