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 · Гарчиг болон дэд гарчигт зориулсан сериф фонт - гол гарчиг, бүтээгдэхүүний нэр, хэсгийн гарчигт ашиглагддаг. 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 — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл
- Drive Capital — Дулаан цаасан дээрх ретро замын аяллын зурагт хуудас