Acne Studios
Canlı fotoşəkillərlə dolu minimalist qalereya məkanı — mərmər üzərində düzülmüş moda jurnalı
Acne Studios ənənəvi mağazadan daha çox rəqəmsal moda jurnalı kimi fəaliyyət göstərir: ağ kətan, tam səhifəlik redaksiya fotoqrafiyası və interfeys elementlərinin demək olar ki, tamamilə olmaması. Bütün səhifə diqqətlə hazırlanmış bir sənət dizaynı kimi hiss olunur - məhsul şəkilləri sıx, kənarlardan kənara doğru düzülmüşdür və yeganə tipoqrafik durğu işarələri kiçik, yaxşı aralı böyük hərflərdir. İmza elektrik kobalt rəngi (#0018a8) linklərdə və interaktiv elementlərdə az istifadə olunur, heç vaxt doldurulmuş düymə kimi istifadə edilmir və bu da fotoşəkillərin diqqəti cəlb etməsinə imkan verir. Komponentlər qəsdən çəkisizdir: kölgələr, karton səthlər, yuvarlaq qablar, dekorativ çərçivələr yoxdur. Elementlər arasındakı boşluq, yüksəkliyin başqa yerdə yerinə yetirdiyi struktur funksiyasını yerinə yetirir.
Maksimum en məhdudiyyəti olmayan tam enli səhifə düzeni. Səhifə ciddi redaksiya ritminə uyğundur: (1) mətn bağlantıları və səbət sayğacı ilə sabit yuxarı naviqasiya, (2) üst-üstə düşən loqosu olan 50/50 bölünmüş başlıq, (3) aralarında boşluq olmayan 4 sütunlu məhsullar şəbəkəsi, (4) aralarında boşluq olmayan 5 sütunlu redaksiya blokları sırası. Bütün bölmələr bərabər boşluqlarla şaquli şəkildə düzülmüşdür. Şəbəkə həmişə düzdür - asimmetrik və ya mozaika kompozisiyaları yoxdur. Naviqasiya minimalistdir, yalnız yuxarı panel, yan panel və ya meqa-menyu yoxdur. Düzən soldan sağa, yuxarıdan aşağıya çap olunmuş moda jurnalının yayılması kimi oxunur.
Fotoqrafiya bütün məhsuldur. Moda redaksiya fotoqrafiyasında tam kadrlı şəkillər üstünlük təşkil edir: neytral studiya fonunda (boz, zolaqlı parça, solğun interyerlər) avangard üslubda modellər. Məhsullar heç bir həyat tərzi konteksti olmadan təmiz ağ fonda çəkilir. İkinci dərəcəli şəkillərə brend qablaşdırması (çəhrayı Acne Studios qutuları), vitrinlər və memarlıq şəkilləri daxildir. İllüstrasiyalar, sadə xətti qliflərdən başqa nişanlar, qradiyentlər, 3D renderlər yoxdur. Şəkillər həmişə iti küncləri olan düzbucaqlıdır - maskalanma, yuvarlaq künclər, üst-üstə düşmə yoxdur. Şəkillərin rolu dekorativ atmosfer yaratmaq deyil, əsas məzmunu təmin etməkdir; onlar görünən piksel sahəsinin təxminən 90%-ni tutur.
Palitra
Brend
- Electric Cobalt
#0018a8— Bənövşəyi rəng dekorativ detallar və aşağı tezlikləri vurğulamaq üçün ikinci dərəcəli vurğu kimi istifadə olunur. Hərəkətə çağırış üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Ink Black
#000000— Əsas mətn, loqo, işarə konturları, naviqasiya etiketləri və altbilgi mətni. Tam oxunaqlılıq üçün ağ fonda 21:1 kontrast nisbəti istifadə olunur. - Graphite
#6b6b6b— İkinci dərəcəli UI, bölücülər və səssiz etiketlər üçün neytral rəng dəstəyi. - Paper White
#ffffff— Səhifə kətan, məhsul kartı arxa planı və naviqasiya paneli səthi. Redaksiya fotoqrafiyasının "nəfəs almasına" imkan verən əsas təməl. - Bone
#f2f2f2— Zərif kölgə tonlaması və incə kənarlar təsirli örtüklər yaradır. Sistem az istifadə edildikdə, rənglənmiş səthlər əvəzinə boş yerə üstünlük verir.
Tipoqrafiya
120-dən 120 pikselə qədər · 1 addım
- Helvetica Monospaced Pro — əvəzetmə: Inter · konturlar 400 · Helvetica Monospaced Pro şrifti - çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
- Acne Studios (custom wordmark) — əvəzetmə: GT Walsheim or Manrope at matching optical size and weight · konturlar 400-500 · Böyük miqyaslı brend loqotipi əsas fotonun üstünə yerləşdirilib. Şrift humanist sonluqlu həndəsi quruluşa malikdir; heç bir sistem şrifti onu təkrarlaya bilmir, lakin xarakteri geniş diafraqmalı həndəsi sans-serif şriftinə ən yaxındır.
- Helvetica Neue / system sans — əvəzetmə: Helvetica or Inter · konturlar 400 · İstifadəçi interfeysindəki bütün funksional mətnlər: naviqasiya linkləri, bölmə başlıqları, məhsul təsvirləri və altbilgilər. Həmişə böyük hərflərlə və geniş hərf aralığı ilə göstərilir — bu tipoqrafik dizayn veb saytda ən çox tanınan qeyri-fotoqrafik elementdir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 10px |
| Düymə radiusu | 0px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 60px |
Süni intellekt veb saytınızı Acne Studios ü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
- Agence Foudre — Jurnalın üz qabığı dodaq boyasını xatırladan solğun çəhrayı rəngdədir.
- INVERSA — Gecəyarısı topoqrafik sahə terminalı. Nəhəng redaksiya şriftinin və tək bir neon-yaşıl marker qatının Yer kürəsinin peyk şəkillərinin üzərinə qoyulduğu qaranlıq komanda paneli, hər etiket monoxromdur, sanki missiya koordinatlarını oxuyurmuş kimi.
- GTE — Qalereya işıqlandırmasının arxasındakı ticarət terminalı
- Diabla — Günorta saatlarında Aralıq dənizi həyəti - günəşdən solmuş çəhrayı divarlar, parlaq qırmızı kətan tentə və səmada uzanan serif yazılı redaksiya başlıqları.
- Le Puzz — "Sunny Sunday Circular" sirlərlə dolu bir tabloiddir.
- Subset — Çiy kətandan hazırlanmış redaksiya butiki
- Cursor — Kömürlərlə işıqlandırılan rahat perqament emalatxanası
- MindMarket — Kremli kağız üzərində rahat bir nağıl kitabı - günəş işığına batmış, stiker kimi yumşaq bir səthdə böyük İnter başlıqlarının və kəsilmiş kağız personajlarının yanaşı yerləşdiyi səmimi bir redaksiya kətan.
- Lamborghini — Sərgi salonunda, işıqforların altında qara kuzov rəngi - bir sarı avtomobil
- Amplemarket — Konfeti ilə örtülmüş günəş işığı altında iş yeri
- Getharvest — Qızıl saatda masa – isti krem rəngli kətan, kətan üzərində asılmış ağ açıqcalar və tək parlaq narıncı alov
- Drive Capital — İsti kağız üzərində retro yol səyahəti afişası