LUNCH
дулаан илгэн дээрх хилэн индэр
ҮДИЙН ХООЛНЫ КОНЦЕПТ нь вэб рүү орчуулсан хэвлэмэл загварын редакцийн нийтлэл шиг уншигддаг: бараан, бүтэн хуудастай үндсэн зургийн элемент, брэндийн логог хром өргөлттэй томруулсан 3D текст хэлбэрээр харуулсан бөгөөд дараа нь дулаан илгэн дээр тайван, каталог маягийн бүтээгдэхүүний галерейг байрлуулсан. Хуудас нь киноны мөргөлдөөн болон чимээгүй байдлын хооронд ээлжлэн солигддог - гол элемент довтолж байна гэж гол хэсэг шивнэв. Ганц, бүдэг лаванда өнгө нь зөвхөн зар сурталчилгааны мөрөнд, "Зарагдсан" төлөвт, доод хэсэгт гарч ирдэг бөгөөд энэ нь хашгирахаас илүү брэндийн мэдэгдэл болж үйлчилдэг. Ганц, өвөрмөц sans-serif фонтыг (Good Sans) голчлон даруухан хэмжээтэйгээр ашигладаг бөгөөд гол лого нь фонтын үзүүлбэрийн цорын ганц мөч юм. Харилцан үйлчлэл нь зөвхөн текстийн холбоосоор дамждаг: дүүргэсэн товчлуур байхгүй, градиент байхгүй, гоёл чимэглэлийн хром байхгүй, үндсэн элементийн 3D логоноос бусад.
Төвлөрсөн контент хэсгүүдийн хамгийн дээд өргөн ~1280px; хуудасны гарчиг нь хуудасны бүхэл өргөнийг ирмэгээс ирмэг хүртэл хамарна. Хуудасны хэмнэл: хуудасны бүхэл өргөнийг хамарсан бараан хуудасны гарчиг (харах цонхны өндөр) → бараан дэвсгэр дээр төвлөрсөн танилцуулгын текст → ижил дэвсгэр дээр 4-5 баганатай бүтээгдэхүүний тор → голт бор хөшигний доод хэсэг. Навигаци нь хуудасны гарчгийн дээр (бараан дэвсгэр дээр цайвар текст) болон танилцуулгын текстийн дээр (цайвар дэвсгэр дээр бараан текст) нимгэн текстийн тууз хэлбэрээр байрладаг. Бүтээгдэхүүний тор нь зургийн хооронд догол мөргүй эсвэл харааны тусгаарлалтгүй, дотоод уялдаатай нягт зохион байгуулалттай. Танилцуулгын текст нь дээр болон доор өргөн босоо зайтай (60-80px) нарийхан, төвлөрсөн багана (~600-700px) юм. Нийт нягтрал: редакцийн хэсгүүдэд өргөн, бүтээгдэхүүний торонд шахагдсан.
Загварын гэрэл зураг нь дизайныг давамгайлдаг: үндсэн зураг нь загвар өмсөгчдийн бараан, өндөр тодосгогчтой зургуудыг (бараан студийн гэрэлтүүлэг, авангард хэв маяг - улаан арьсан корсет, дөрвөлжин плейд, гайхалтай позууд) харуулсан бол тор нь хавтгай, төвийг сахисан дэвсгэр дээр тод бүтээгдэхүүн/lookbook зургуудыг харуулсан (загвар өмсөгч болон бүтээгдэхүүнийг амьдралын хэв маягийн контекстгүйгээр цайвар саарал/цагаан дэвсгэр дээр авсан). Зураг нь тод ирмэгтэй, тэг радиустай бөгөөд торон дахь зэргэлдээ зургуудтай нягт уялдаатай байна. Үндсэн зураг нь харах цонхны дөрвөн ирмэгийг эзэлдэг бөгөөд 3D хром лого нь объекттой давхцдаг. Торон дахь бүтээгдэхүүний зургууд нь бүхэл мөрөнд өндрөөс өргөний харьцааг тогтвортой байлгадаг. Текстийн навигаци хамгийн бага байхаас өөр ямар ч чимэглэл эсвэл дүрс байхгүй. Харааны хэл нь: сайн зураг авах, тод тайрах, зургийг брэндийн нүүр царай болгох.
Палетт
Брэнд
- Lilac Veil
#b8aad0— Арын дэвсгэрийн тодруулга, гоёл чимэглэлийн судал, контентын ард зөөлөн өргөлт хийхэд зориулсан нил ягаан өнгийн дүүргэлт.
Төвийг сахисан
- Ink Black
#000000— Бүх үндсэн текст, навигацийн текст, холбоосын хүрээ, картын хүрээ, дүрс тэмдгийн хүрээ нь бүхэл интерфэйсийн бүтцийн шугамыг бүрдүүлдэг. - Warm Parchment
#f4f1e4— Редакцийн/бүтээгдэхүүний хэсгийн хуудас, хэсгүүдийн дэвсгэр нь бүтээгдэхүүний зургийг байрлуулсан тайван дэвсгэр юм. - Ivory Mist
#fcfaf1— Бараан өнгийн үндсэн элементийн дээр байрлах навигацийн текстийн өнгө, нарийн бүтэцтэй өнгө, нарийн хүрээ нь бараан хэсэгт байгаа хэрэглэгчийн интерфэйсийн хувьд цэвэр цагаан өнгөнөөс илүү дулаан хувилбарыг бий болгодог.
Типографи
12-оос 72 пиксел хүртэл · 5 алхам
- Good Sans — солих: Söhne · тоймууд 400, 700 · Навигаци, үндсэн текст, бүтээгдэхүүний мета өгөгдөл, холбоосууд болон бүх UI текстэд зориулсан бүх нийтийн фонт. Хос жингийн систем (биеийн текст/гарчиг хэсэгт ердийн 400, брэндийн нэр, үнэ, тодруулга хэсэгт тод 700) нь хэмжээг нэмэгдүүлэхгүйгээр шатлалыг бий болгодог. Тэг орчим эерэг үсгийн зай нь үүнийг геометрээс илүү редакторлах болгодог.
- Redaction — солих: GT Sectra Display Bold · тоймууд 700 · Зөвхөн үндсэн текстэд зориулагдсан—Энэ нь бүтэн дэлгэцийн үндсэн текстийн суурь болж өгдөг том, хром "LUNCH" текстэд зориулсан захиалгат фонт юм. Энэ нь хуудсанд яг нэг удаа ашиглагддаг; энэ нь дахин ашиглах боломжтой бүрэлдэхүүн хэсэг биш, харин хэвлэлийн гарын үсэг юм.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 20-30px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 60-80px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг LUNCH хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- amp — Сэрүүн цагаан дэвсгэр дээр дулаан улбар шар өнгө. Энэхүү загвар нь наранд гэрэлтсэн мансардад авсан дээд зэрэглэлийн фитнесс бүтээгдэхүүнийг санагдуулж байна: нэг зүйл, нэг өргөлт, бүх ажлыг хийдэг нэг өөртөө итгэлтэй фонт.
- IKEA — задалсан хэлбэрээр наранд гэрэлтсэн Шведийн тавилгын үзэсгэлэнгийн танхим
- Microsoft — Жижиглэнгийн каталог нь өвөрмөц цэнхэр өнгийг ашигладаг - цагаан үзэсгэлэнгийн танхимын шалан дээр дөрвөлжин лого байгаа бөгөөд дизайны бүх элемент нь цэнхэр өнгөтэй байна гэж төсөөлөөд үз дээ.
- Vibrants — Цагаан гантиг дээрх Skyborne эмийн сан - хар хөх бэх нь зуурмаг, солонгон спектр нь эм юм
- Isla Beauty — Мэс заслын улаан өнгөний чимэглэлтэй цөцгий шиг эмийн сангийн хэв маяг - дулаан илгэн хана, хуван өнгийн шил, шошго бүр дээр ганц улаан тамга байгааг бодоорой.
- Swap — Гаа редакцийн галерей: Тод шохойн өнгийн чимэглэл болон нарийн сериф бүхий өрөөнд цайвар мэргэн өнгийн сүүдэр
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан