
Adanola
Ağ kağız üzərində redaksiya lookbook. Tipoqrafiya və fotoqrafiyanın təmiz ağ səthlərdə nəfəs aldığı, şrift üçün qara mürəkkəb və brendin ümumi stilini əks etdirən incə imzalı sans-serif şrift (Favorit) ilə moda fotosessiyası.
Adanola, məhsul fotoqrafiyasının yeganə vizual dili olduğu və istifadəçi interfeysinin faktiki olaraq yoxa çıxdığı moda üçün qalereyaya bənzər bir kətandır. İnterfeys demək olar ki, monoxromdur - ağ səthlər, qara mətn və tək, nazik sans-serif şrift (Favorit) - geyimlərin rənginin əksər səhifələrdə yeganə xromatik vurğu olmasına imkan verir. Komponentlər qəsdən açıqdır: kölgələr, qradiyentlər və ya dekorativ haşiyələr yoxdur, sadəcə incə xətlər, əsas hərəkətlərin incə konturları və yumşaq deyil, kəskin hiss olunan künc radiusları. Aralıq kompakt və vahiddir (əsas), lakin şəkillərin ətrafında geniş ağ boşluq hər bir məhsul şəklini tam səhifəlik redaksiya yayılması kimi qəbul edərək sakit, redaksiya ritmi yaradır. Ümumilikdə, hiss adi bir e-ticarət şəbəkəsindən daha çox yüksək keyfiyyətli çap loqotipinə daha yaxındır.
Səhifə düzeni tam enlidir və masaüstündə məzmun təxminən 1440 piksel maksimum eni ilə məhdudlaşdırılıb. Qəhrəman şəkli mərkəzləşdirilmiş başlıq və gizli çağırış (CTA) olan tam enli şəkildir. Qəhrəman şəklinin altında səhifə məhsul şəbəkəsi bölmələri (masaüstündə 4 sütunlu şəbəkə) və redaksiya şəkil blokları (iki bərabər enli həyat tərzi fotoşəkili) arasında növbələşir. Naviqasiya, üstündə qara reklam zolağı olan minimalist üst paneldir - sabit başlıq, yan panel və ya meqa menyu yoxdur. Kateqoriyalara ayrı bir kateqoriya səhifəsi əvəzinə məhsul şəbəkəsinin üstündəki sadə üfüqi filtr nişanları istifadə edilərək baxılır. Ritm genişdir: əsas bölmələr arasında 64 pikseldən çox şaquli novlar və məhsul kartları daxilində kompakt 8-16 piksel boşluq. Şəbəkə ardıcıl olaraq istifadə olunur: məhsullar üçün 4 sütun, redaksiya məzmunu üçün 2 sütun və kateqoriya naviqasiyası üçün bir sütun. Mozaika və ya asimmetrik düzülüş yoxdur - kataloq/baxış kitabçasının strukturunu vurğulamaq üçün hər şey şəbəkəyə sərt şəkildə uyğunlaşdırılıb.
Fotoqrafiyanın üstünlük təşkil etdiyi vizual dil, aktiv geyimli modellərin tam ekran şəkillərinə yönəlib. Redaktə kommersiyadan daha çox redaktə xarakteri daşıyır: modellər statik studiya pozalarında deyil, təbii hərəkətdə (gərilmə, gəzinti, addımlama) çəkilir. Rənglərin təsviri təbii və süzülməmişdir - paltarların rəngləri iki tonlu emal və ya rəng korreksiyası olmadan gerçəkdir. Şəkillərin künc radiusu sıfırdır və maskalanmır - onlar qabları kənardan kənara dolduran düzbucaqlı çərçivələrdir. Əsas şəkil qrafika üst-üstə düşmədən geniş aspekt nisbətindən (~16:6) istifadə edir və bu da fotoqrafiyanın vizual ağırlığı öz üzərinə götürməsinə imkan verir. Məhsul kartı şəkilləri neytral fonda təmiz studiya çəkilişləridir, paltarlara sıx şəkildə kəsilmişdir. Ümumi məzmun sıxlığı əsasən redaktə bölmələrindəki şəkillərdən və məhsul təsvirlərindəki şəbəkədən ibarətdir, mətn həmişə şəkillərə tabedir. İllüstrasiyalar, 3D renderlər və ya mücərrəd qrafika yoxdur - fotoqrafiya yeganə vizual vasitədir.
Palitra
Neytral
- Carbon Ink
#000000— Əsas mətn, doldurulmuş hərəkət düymələri, işarə konturları, nazik xətlər — interfeys boyunca dominant şrift. - Paper White
#ffffff— Kətan səhifələr, karton səthlər, tünd fonda mətn, fon şəkilləri. - Soft Mist
#e5e7eb— İncə səth dəyişiklikləri, əlil vəziyyətlər, skelet fonu, işıq ayırıcıları. - Warm Fog
#f0efe7— Açıq bej rəngli səth məhsul sıraları və redaksiya bölmələri arasında incə zolaqlar təmin edir. - Blush Sand
#f5ebd5— Redaksiya məzmununda vurğulamalar və mövsümi vurğular üçün isti, kremli səth tonu. - Smoke Charcoal
#333333— Əlavə mətn, giriş sahəsinin sərhədləri, gizli UI dizaynı.
Tipoqrafiya
14-dən 30 pikselə qədər · 3 addım
- Favorit — əvəzetmə: Inter · konturlar 400, 500, 700 · Brend və xüsusi şrift – bütün naviqasiyalarda, başlıqlarda, əsas mətndə, düymələrdə, giriş sahələrində və məhsul kartlarında istifadə olunur. Dar hərf aralığına (0.025em) malik xüsusi monoxətti sans-serif şrift. Alternativlər: Inter, Söhne və ya Neue Haas Grotesk. Başlıqlar üçün 30 piksel hərf aralığı ilə orta çəkili 400 şrift brend seçimidir: əksər moda veb saytları dekorativ serif və ya qalın şriftlərdən istifadə edir, lakin Adanolanın adi sans-serif şriftində yerləşdirilmiş başlıqları reklam şüarlarından daha çox redaksiya başlıqlarına bənzəyir.
- Nunito Sans — əvəzetmə: Nunito Sans · konturlar 400, 700 · Forma giriş sahələri və kiçik UI elementləri üçün ikinci dərəcəli ehtiyat.
- Arial — əvəzetmə: Arial · konturlar 400 · Köhnə e-poçt və məzmun blokları üçün ehtiyat sistem.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 8px |
| Düymə radiusu | 4px |
| Kart radiusu | 0px |
| 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 | 1440px |
Süni intellekt veb saytınızı Adanola ü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
- Lightship — Açıq yolun kinematoqrafik dioraması. Yaxın məsafələrdən quraşdırılmış böyük mənzərə fotoşəkilləri ilə bəzədilmiş isti krem rəngli qalereya divarları, çərçivələrdə çətinliklə görünən nazik qara şriftlər və çəmənlikdə tonqal kimi monoxromu pozan tək bir parlaq narıncı vurğu.
- Faire ES — isti kremin topdansatış kataloqu
- Oura Ring — Yumşaq gün işığında yulaf ezmesi hazırlamaq üçün rahat bir emalatxana
- Stykka — Ağ işıqda Skandinaviya emalatxanası – səsin yalnız fotoqrafiya olduğu sakit, əl işi sərgi salonu
- DJI — tək elektrik mavi işıqlandırma ilə aerokosmik qara kətan
- Altitude Beverages — Monoxrom jurnal lenti. Şəkillərdən başqa bütün rəngləri çıxarılmış bir moda jurnal lentini təsəvvür edin - mətn və ağ boşluq bütün hekayəni izah edir.
- AATHER — Açıq xurma, tək alov - sükut içində gizlənmiş sakit bir lüks
- Cowboy — Qar kimi ağ çini mühitdə Belçika velosiped qalereyası. Mat səthlərin, redaksiya materiallarında istifadə edilən böyük şriftlərin və dekorasiyanın faktiki olaraq olmamasının diqqəti velosipedə və onun içindəkilərə cəlb etdiyi sərgi salonu.
- Refero — Ağ mərmər üzərində redaksiya düzeni - tipoqraf tərəfindən yaradılan, serif başlığı brendin vizit kartı olduğu və qalan hər şeyin gözə çarpmadığı bir məhsul səhifəsi
- Face Formula — Skandinaviya redaksiya portreti. Sakit, jurnal üslubunda bir portret, sərin və dumanlı bir fonda modelin baxışları və qısaldılmış serif şriftlə yazılmış başlıq özləri üçün danışır.
- Shupatto — Ağ mərmər üzərində muzey vitrinləri
- Liron Moran Interiors — tünd rəngli kətan üzərində moda fotosessiyası