Electronic Materials Office
Kömürlə bəzədilmiş qalereyada parlayan köz
Elektron Materiallar Ofisi gecə vaxtı keçirilən bir seminardır: mat qara rəngli kətan, tək parlayan narıncı köz və elan etməkdənsə, pıçıldayan şrift. İnterfeys hər ekranı qaranlıq bir studiya kimi qəbul edir - klaviaturanın fotoşəkilləri yeganə real işıq mənbəyidir və UI ona tabe olur. 200 çəkilik GT-Flexa-da yerləşdirilmiş başlıqlar geniş mənfi məkanda üzür; əsas mətn qəsdən kiçik və humanistdir (Times). Rəng ölçülür: şrift üçün saf ağ, keçidlər üçün solğun bənövşəyi (#9e9eff) və öz 30px parıltısı ilə parlayan səhifədə tək narıncı (#f45500) hərəkətə çağırış. Komponentlər 20px radiusda sıx uyğunlaşır, sərhədlər #9d9d9d-də çətinliklə nəzərə çarpır və sistemdəki yeganə kölgələr əsas hərəkət ətrafındakı iki rəngli halodur.
Mərkəzləşdirilmiş, maksimum enli məzmuna (~1200px) malik tam enli, kömür rəngli kətan. Əsas ekran, görünüş sahəsinin təxminən 80%-ni tutan məhsul videosunu ehtiva edən 20px radiuslu media kartı ilə başlayır, ardınca demək olar ki, tam məzmun eninə qədər uzanan çoxsətirli GT-Flexa 200 başlığı gəlir. Bölmə ritmi: Tobias üslubunda böyük hərflərlə yazılmış tək bir məhsul təsviri bölməsi, ardınca məhsul təsviri kartlarından ibarət 2x2 şəbəkə (masaüstündə). Kartlar 1px #9d9d9d haşiyələrindən və aralarında 24px novlardan istifadə edir. Səxavətli şaquli nəfəs alma — bölmələr bölücülər əvəzinə 48–128px kömür mənfi boşluğu ilə ayrılır. Naviqasiya, yuxarıda lövbərlənmiş, gizli keçidlər qrupu və tək bir Ember çağırışı olan tək, şəffaf bir paneldir. Yan panel, meqa menyu, ikinci dərəcəli naviqasiya yoxdur.
Şəkillər yalnız məhsul nümayişi məqsədləri üçündür — Altar I klaviaturasının tamamilə qara fonda yaxından çəkilmiş makro görüntüsü, yuxarıdan arxa işıqlandırma ilə korpusun parıldamasına və düymə qapaqlarının kənarlardakı işığı əks etdirməsinə səbəb olur. Həyat tərzi yoxdur, insan əlləri yoxdur, ətraf mühit konteksti yoxdur. Təsvir yüksək kontrastlı və tünddür; monoxrom palitranın xaricindəki yeganə rəng klaviaturanın özündəki narıncı güc açarıdır ki, bu da Ember Orange hərəkətə çağırışını əks etdirir. Şəkillər kvadrat və ya 16:9 formatındadır, həmişə 20 piksel radiuslu və kartın kənarlarından kənara çıxan kartlara yerləşdirilir (fotoşəklin ətrafında boşluq yoxdur və mətn kənarın altındadır). İkon stili: yeganə ikonoqrafiya loqotipdən əvvəl kiçik doldurulmuş dairədir (●) — tək narıncı nöqtə, ~6 piksel qalınlığında.
Palitra
Brend
- Ember Orange
#f45500— Doldurma ilə əsas hərəkət düyməsi istifadəçi interfeysindəki yeganə xromatik səthdir və həmişə 30 piksel narıncı halo ilə müşayiət olunur və bu da onu filament kimi parıldadır; əsas çağırış düyməsindəki 30 piksellik xarici parıltı Ember Narıncı altıbucaqlı simvolunu təkrarlayır, lakin doldurma əvəzinə kölgə kimi mövcuddur və düymənin içəridən işıqlandırılmış kimi görünməsinə səbəb olur.
Neytral
- Studio Charcoal
#202020— Kətan və karton səthlər qaranlıq qalereyanın döşəməsi kimidir, heç vaxt tamamilə qara olmur, buna görə də göz yumşaq kənarlara söykənə bilər. - Bone White
#ffffff— Əsas mətn, şəkillərdə nazik haşiyələr və nadir hallarda tərs çevrilmiş səth. Bütün şrift iyerarxiyası müstəqil şəkildə saxlanılır. - Ash Gray
#9d9d9d— Səssiz mətn, incə kart haşiyələri və qeyri-aktiv başlıqlar ağ rəng çox uca olduqda istifadə edilən yeganə orta boz rənglərdir. - Mid Felt
#eaeaea— Tərs çevrilmiş panellər və ya modal torlar üçün yüngül səth yuyucusu - bej və tünd kətan arasında yerləşən ağ rəng çaları. - Carbon
#000000— Ən diqqət çəkən vurğu, kömür kətan formasını yaxşı saxlaya bilməyəcək qədər yüngül olduğu üçün ikon cizgiləri və kontrast çərçivələr üçündür. - Lavender Link
#9e9eff— Daxili keçidin rəngi və əlavə hərəkət çərçivəsinin konturu isti narıncı ilə müqayisədə zəif, sərin bir kontrast təşkil edir və hərəkətlərin kömür fonunda oxunaqlı olmasını təmin edir.
Tipoqrafiya
16-dan 86 pikselə qədər · 8 addım
- GT-Flexa — əvəzetmə: Inter (200/400) or Manrope (200/400) · konturlar 200, 400 · Başlıqlar və dekorativ elementlər üçün əsas şrift. 200 çəkisi 24 pikseldən yuxarı hər bir başlıq üçün imkan verir — bu, özünəməxsus bir üslubdur: 68 piksel və 86 pikseldə hərflər qışqırmaq əvəzinə atmosferə hopur. 400 çəkisi alt başlıqlar və kart başlıqları üçün uyğundur, burada onlar çətinliklə eşidilir. Ən böyük ölçülərdə sətir aralığı 1.0-a endirilir, buna görə də dekorativ şrift hava sütunu kimi bir-birinin üstünə yığılır.
- Tobias-light — əvəzetmə: Söhne Buch or Inter Tight · konturlar 400 · Bölmə başlıqları və altbilgi loqosu üçün ikinci dərəcəli tipoqrafiya stili. Tonal kontrast yaratmaq üçün GT-Flexa 200-dən bir pillə aşağıda istifadə olunur — Tobias daha memarlıq və ifadəli bir hiss verir, GT-Flexa isə daha atmosferikdir. Mənfi hərf aralığı Tobias Light-ın geniş proporsiyalarını daraldır.
- Times — əvəzetmə: Source Serif 4 or PT Serif · konturlar 400 · Əsas mətn və başlıq abzasları seriflərdən istifadə edən həndəsi, dekorativ şriftlərə qarşı qəsdən hazırlanmış bir əks nöqtədir. Seriflər əsas mətnin ölçüsünü aşmadan məhsul təsvirlərinə istilik və redaksiya nüfuzu qatır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 4-8px |
| Düymə radiusu | 20px |
| Kart radiusu | 20px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 48-128px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Electronic Materials Office ü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
- OFFFICE : — monolit şriftlə əhatə olunmuş qara qalereya
- Bibliothèque — Projektor altında qara kub şəkilli qalereya – geniş, qaranlıq salonda tək işıqlandırılmış lövhə
- 21 TSI — Qırmızımtıl boşluq, tək bir siluet – istifadəçi interfeysinin atmosferə hopduğu yüksək moda redaksiyası
- Structured — Plastilin kimi kağız üzərində İntibah dövrü qalereyası
- CHAIBOY — Tək arxa işıqlı fotoşəkili olan qara qalereya divarı
- Holiday 100 — Gecəyarısı hədiyyələr qalereyası — serif başlıq işıqlandırma, tünd kətan məxmər divar kimi xidmət edir və hər bir məhsul təsviri diqqətlə seçilmiş çərçivə kimi asılıb.
- Apple (España) — Muzey qalereyası, yumşaq gün işığında, hər bir eksponatın yüngül rəngli divara qarşı işıqlandırma ilə işıqlandırıldığı tək, valehedici, çəkisiz ağ bir məkandır.
- Analogue — Qara qalereya vitrin qutusu – mallar boşluqda gəzir
- Apple (España) — Obsidian Qalereyasının vitrinləri, qapqara fonda tək bir titan əşyanın parıldadığı qaranlıq bir sərgi salonudur.
- Studio Oker — Qırmızı rənglərlə bəzədilmiş qaranlıq qalereya — ağ hərflərin üzdüyü və tək bir qırmızı pıçıltının sükutu kəsdiyi qara divarlarla bəzədilmiş portfel otağı.
- 099 SUPPLY — Qara və ağ əşyalarla dolu qalereya divarı
- Retool — İsti obsidian emalatxanası - hər şeyin yaradıldığı, közlə işıqlandırılan, dəqiq alətlər üçün bir səth