Telegram, WhatsApp  +380637610482
Valeri Danyuk
Valeri DanyukgeliştiriciBizneslər üçün süni intellekt alətlərinin hazırlanması. Yüksək keyfiyyətli. Əlverişli qiymət.Telegrama yazın
Le Puzz — bu üslubda saytın önizləməsi

Le Puzz

"Sunny Sunday Circular" sirlərlə dolu bir tabloiddir.

Le Puzz, butik mağazaları üçün iki rəngli təməl üzərində qurulmuş maksimalist bir elektron ticarət sistemidir: zəngin, pətək kimi sarı rəng təmiz qara ilə birləşdirilib, sərin, mirvari-boz fonda yerləşdirilib. Onun stili vintaj qəzet və pazlın qarışığıdır: əsas mətn serif Times-da, başlıqlar isə xüsusi Times Now şriftindədir və sans-serif şriftlərinə əsaslanan ənənəvi elektron ticarət konvensiyalarını qəsdən pozur. İnterfeys özü sadə və şəbəkə əsaslı saxlanılır ki, bu da vizual təsiri məhsul qablaşdırması (oyuncaqlarla dolu sıx, illüstrasiyalı kompozisiyalar) ilə çatdırmağa imkan verir. İnterfeys idarəetmələri olduqca möhkəmdir: sarı fonda qara haşiyəli düymələr, həb formalı nişanlar, 12 piksel radiuslu kartlar və kiçik hərflər üçün geniş hərf aralığı, bu da hətta "SÜRƏTLİ ƏLAVƏ EDİN" düyməsinə də redaksiya üslubu verir.

Fərqli redaksiya dizaynına malik klassik elektron ticarət şəbəkəsi. Başlıq, mərkəzləşdirilmiş loqotip və əlavə naviqasiya düymələri sırası olan 1 enli qara haşiyəli sarı pətək zolağıdır. Aşağıda, boz fonda üç sütunlu məhsul şəbəkəsinin üstündə, Times Now şriftində mərkəzləşdirilmiş xoş gəlmisiniz başlığı var. Əsas element, iki məhsul kartı ilə əhatə olunmuş, dairəvi küncləri (40) olan mərkəzləşdirilmiş foto blokdur. Bölmələrin ritmi qorunur: geniş şaquli boşluq (30), sarı və boz səthlər növbələşir və səhifənin mərkəzində təxminən 4,5 sm maksimum eni. Məhsul kartları eyni ölçüdədir və 5 sm boşluqlarla səliqəli üç sütunlu şəbəkə şəklində düzülmüşdür. Düzən simmetrikdir və şəbəkəyə bağlıdır - asimmetrik kompozisiyalar və ya üst-üstə düşən elementlər yoxdur.

Vizual element məhsul fotoqrafiyasıdır. Tapmaca qutuları ağ/neytral fonda tam şəkildə fotoşəkil çəkilir, sonra isti mavi və ya təbii studiya fonunda yerləşdirilir. Əsas təsvirdə əlində bir neçə tapmaca qutusu olan həyat tərzi obyekti olan və səysiz enerji ilə çəkilmiş bir şəxs təsvir edilmişdir. Qablaşdırmanın özü zəngin, illüstrativ və maksimalistdir: 500 hissədən ibarət tapmacanın üzərinə səpələnmiş uşaq kitabı illüstrasiyasına bənzəyəcək şəkildə hazırlanmış, qalın qara konturlu parlaq əsas rənglərdə çoxsaylı oyuncaqlar, qida məhsulları və personajlar. Abstrakt qrafika, 3D renderlər, tək bir böyüdücü şüşədən başqa heç bir ikonoqrafiya yoxdur - tapmacaların özləri vizual dildir.

Palitra

Brend

  • Honeycomb Yellow #ffd931 — Əsas brend rəngi, başlıq çubuğu, əsas hərəkət düymələri, naviqasiyanın aktiv vəziyyəti, keçidin altından xətt çəkilmiş rəng, vurğu doldurma — hər şeyin ətrafında fırlandığı tək rəngli not.

Neytral

  • Carbon Black #000000 — Əsas mətn, qalın haşiyələr, düymə konturları, işarə konturları, naviqasiya mətni bütün sistemin struktur əsasını təşkil edir.
  • Ink Black #231f20 — İkinci dərəcəli mətn, əsas mətn, düymə sərhədləri, giriş sahəsi sərhədləri - daha yumşaq bir hiss üçün bir az isti, demək olar ki, qara rəng.
  • Pearl Gray #c8cbcd — Səhifə kətanları, məhsul kartı fonları, sarı və qara rənglərin göründüyü diqqətəlayiq bir səhnə.
  • Fog Gray #a6a8aa — Təmizlənmiş nişan səthləri, ikinci dərəcəli çip fonları və incə istifadəçi interfeysi doldurmaları.
  • Smoke Line #d6d6d6 — İncə bölücülər, gizli masa/kart bölücüləri.

Tipoqrafiya

11-dən 47 pikselə qədər · 6 addım

  • Times Now — əvəzetmə: Playfair Display · konturlar 100, 400 · Başlıqlar və alt başlıqlar üçün serif şrift — əsas başlıqlar, məhsul adları və bölmə başlıqları üçün istifadə olunur. 47 piksellik aralığa malik ultra yüngül 100 punktluq şrift hündür, demək olar ki, sıxılmış redaksiya hissi yaradır; sıxılmış hərf formaları (sətir hündürlüyü 0,87–0,90) çap olunmuş posteri təqlid edərək böyük başlıqların müşayiət olunan mətnə yaxın yerləşdirilməsinə imkan verir.
  • Times — əvəzetmə: Times New Roman · konturlar 400 · Serif şriftli mətn onlayn mağaza üçün gözlənilməz bir seçimdir və bütün sayta ədəbi, kataloq kimi bir hiss verir. Kiçik sətir aralığı (1.15) abzasları kompakt və oxunaqlı edir.
  • Helvetica Neue — əvəzetmə: Helvetica · konturlar 100, 400 · İstifadəçi interfeysindəki kiçik mətn, düymələrdəki mətn və mikromətnlər 11 piksel şriftdə, böyük hərf aralığı (0.0730em) ilə yerləşdirilib ki, bu da rahat bədən temperaturunda belə böyük hərflərlə yazmaq hissi yaradır.

İntervallar və forma

MəqsədMənası
Sıxlıqsıx
Əsas addım15px
Düymə radiusu12px
Kart radiusu12px
Kölgələrkölgələr əvəzinə sərhədlər yoxdur
Bölmələr arasında30-40px
Səhifə eni1200px

Süni intellekt veb saytınızı Le Puzz ü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.
  • Acne Studios — Canlı fotoşəkillərlə dolu minimalist qalereya məkanı — mərmər üzərində düzülmüş moda jurnalı
  • 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ı.
  • 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ı