
Le Puzz
Sunny Sunday Circular – жұмбақтарға толы таблоид.
Le Puzz - бутик дүкендеріне арналған максималистік электрондық коммерция жүйесі, екі түсті негізге негізделген: бай, ұя тәрізді сары түс таза қара түспен үйлеседі, салқын, інжу-сұр фонда орналасқан. Оның стилі винтаждық газет пен пазлдың қоспасы: негізгі мәтін serif Times шрифтінде, ал тақырыптар Times Now арнайы қаріпінде, sans-serif қаріптеріне негізделген дәстүрлі электрондық коммерция конвенцияларын әдейі бұзады. Интерфейстің өзі қарапайым және торға негізделген, бұл өнімнің қаптамасы арқылы визуалды әсерді жеткізуге мүмкіндік береді (ойыншықтармен толтырылған тығыз, иллюстрацияланған композициялар). Интерфейсті басқару элементтері өте берік: сары фонда қара жиегі бар түймелер, таблетка тәрізді белгішелер, 12 пиксель радиусы бар карталар және кіші әріптер үшін кең арақашықтық, бұл тіпті "ЖЫЛДАМ ҚОСУ" түймесіне де редакциялық стиль береді.
Ерекше редакциялық дизайны бар классикалық электрондық коммерция торы. Тақырып - 1 ені бар қара жиегі бар сары ұя тәрізді жолақ, ортасында логотип және қосымша навигация түймелері орналасқан. Төменде, сұр фонда үш бағандық өнімдер торының үстінде, Times Now қаріпіндегі ортасында қош келдіңіз тақырыбы орналасқан. Негізгі элемент - дөңгелек бұрыштары бар (40) орталықтандырылған фотоблок, оның жиегінде екі өнім картасы орналасқан. Бөлімдердің ырғағы сақталған: кең тік кеңістік (30), кезектесіп сары және сұр беттер және беттің ортасында шамамен 4,5 см максималды ені. Өнім карталары бірдей өлшемде және 5 см аралықпен ұқыпты үш бағандық торда орналасқан. Орналасуы симметриялы және торға байланған - асимметриялық композициялар немесе қабаттасатын элементтер жоқ.
Көрнекі элемент - өнімнің фотосуреті. Пазл қораптары ақ/бейтарап фонда толықтай суретке түсіріледі, содан кейін жылы көк немесе табиғи студиялық фонда орналастырылады. Негізгі суретте бірнеше пазл қораптарын ұстаған адам бейнеленген - өмір салты нысаны, ол күш жұмсамай түсірілген. Қаптаманың өзі бай, иллюстрациялық және максималистік: 500 бөліктен тұратын пазлға шашыраңқы балалар кітабының иллюстрациясы сияқты көрінетіндей етіп жасалған қалың қара контурлары бар ашық түсті негізгі түстердегі көптеген ойыншықтар, тамақ өнімдері және кейіпкерлер. Абстрактілі графика, 3D кескіндер, бір үлкейткіш әйнектен басқа иконография жоқ - пазлдардың өзі визуалды тіл болып табылады.
Палитра
Бренд
- Honeycomb Yellow
#ffd931— Негізгі бренд түсі, тақырып жолағы, негізгі әрекет түймелері, навигацияның белсенді күйі, сілтеменің асты сызылған түсі, екпін толтырғышы — қалғанының бәрі айналатын бір түсті нота.
Бейтарап
- Carbon Black
#000000— Негізгі мәтін, қалың жиектер, түйме контурлары, белгіше контурлары, навигациялық мәтін бүкіл жүйенің құрылымдық негізі болып табылады. - Ink Black
#231f20— Қосымша мәтін, негізгі мәтін, түйме жиектері, енгізу өрісінің жиектері - жұмсақ сезім үшін сәл жылырақ, қара дерлік түс. - Pearl Gray
#c8cbcd— Бет кенебі, өнім картасының фондары, сары және қара түстер пайда болатын таңғажайып көрініс. - Fog Gray
#a6a8aa— Баяу төсбелгі беттері, қосымша чип фоны және пайдаланушы интерфейсінің нәзік толтырулары. - Smoke Line
#d6d6d6— Жіңішке бөлгіштер, үстел/картаға арналған жасырын бөлгіштер.
Типография
11-ден 47 пиксельге дейін · 6 қадам
- Times Now — ауыстыру: Playfair Display · контурлар 100, 400 · Тақырыптар мен ішкі тақырыптарға арналған serif қаріпі — негізгі тақырыптар, өнім атаулары және бөлім тақырыптары үшін қолданылады. 47 пиксельдік қадамы бар өте жеңіл 100 нүктелі қаріп биік, дерлік қысқартылған редакциялық сезім тудырады; қысқартылған әріп формалары (жол биіктігі 0,87–0,90) басылған плакатты имитациялай отырып, үлкен тақырыптарды ілеспе мәтінге жақын орналастыруға мүмкіндік береді.
- Times — ауыстыру: Times New Roman · контурлар 400 · Сериф шрифтінің негізгі мәтіні онлайн дүкен үшін күтпеген таңдау болып табылады, ол бүкіл сайтқа әдеби, каталог тәрізді әсер береді. Жолдар арасындағы шағын арақашықтық (1,15) абзацтарды ықшам және оқуға оңай етеді.
- Helvetica Neue — ауыстыру: Helvetica · контурлар 100, 400 · Пайдаланушы интерфейсіндегі шағын мәтін, түймелердегі мәтін және микромәтін 11 пиксель қаріппен үлкен әріп аралығымен (0.0730em) орналастырылған, бұл тіпті ыңғайлы дене температурасында да бас әріптермен жазу сезімін тудырады.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 15px |
| Түйме радиусы | 12px |
| Карта радиусы | 12px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 30-40px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Le Puzz стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Agence Foudre — Журналдың мұқаба беті ерін далабын еске түсіретін ашық қызғылт түсті.
- INVERSA — Түн ортасындағы топографиялық далалық терминал. Жердің спутниктік суреттеріне үлкен редакциялық қаріп пен неон-жасыл маркерлердің бір қабаты қабаттасқан қараңғы басқару панелі, әрбір белгі миссия координаттарын оқып тұрғандай монохромды.
- Acne Studios — Жарқын фотосуреттерге толы минималистік галерея кеңістігі — мәрмәрге орналастырылған сән журналы
- GTE — Галерея жарықтандыруының артындағы сауда терминалы
- Diabla — Түскі Жерорта теңізі ауласы – күнге сіңген қызғылт қабырғалар, бір ашық қызыл кенеп шатыр және аспанда созылып жатқан серифтермен жазылған редакциялық тақырыптар.
- Subset — Шикі зығырдан жасалған редакциялық бутик
- Cursor — Тұтанған көмірмен жарықтандырылған жайлы пергамент шеберханасы
- MindMarket — Крем қағазға басылған жайлы ертегі кітабы – күнге қыздырылған, стикер тәрізді жұмсақ бетінде үлкен Inter тақырыптары мен кесілген қағаз кейіпкерлері қатар орналасқан ыңғайлы редакциялық кенеп.
- Lamborghini — Көрме залында, прожекторлардың астында қара кузов түсті - бір сары көлік
- Amplemarket — Күн шуағына малынған жұмыс орны конфеттиге толы
- Getharvest — Алтын сағаттағы үстел – жылы крем түсті кенеп, кенепке ілінген ақ ашықхаттар және жалғыз ашық қызғылт сары жалын
- Drive Capital — Жылы қағазға салынған ретро жол сапары плакаты