Acne Studios
Гантиг чулуун дээр байрлуулсан загварын сэтгүүл болох тод гэрэл зургуудаар дүүрэн минималист галерейн орон зай
Acne Studios нь уламжлалт дэлгүүрээс илүү дижитал загварын сэтгүүл шиг ажилладаг: цагаан даавуу, бүтэн хуудастай редакцийн гэрэл зураг, бараг огт байхгүй интерфэйсийн элементүүд. Хуудас бүхэлдээ нямбай боловсруулсан урлагийн дизайн шиг санагддаг - бүтээгдэхүүний зургуудыг нягт, ирмэгээс ирмэг хүртэлх торонд байрлуулсан бөгөөд цорын ганц цэг таслал нь жижиг, зайтай том үсэг юм. Цахилгаан кобальтын өнгө (#0018a8)-ийг холбоос болон интерактив элементүүд дээр бага зэрэг ашигладаг бөгөөд хэзээ ч бөглөсөн товчлуур болгон ашигладаггүй тул зургууд анхаарал татах боломжийг олгодог. Бүрэлдэхүүн хэсгүүд нь зориудаар жингүй байдаг: сүүдэргүй, картон гадаргуугүй, бөөрөнхий савгүй, гоёл чимэглэлийн хүрээгүй. Элементүүдийн хоорондох зай нь өргөлт нь өөр газар гүйцэтгэдэг бүтцийн үүргийг гүйцэтгэдэг.
Хамгийн их өргөний хязгаарлалтгүй бүрэн өргөнтэй хуудасны зохион байгуулалт. Хуудас нь хатуу редакцийн хэмнэлийг дагадаг: (1) текстийн холбоос болон сагсны тоолууртай тогтмол дээд навигаци, (2) давхарласан логотой 50/50 хуваагдсан толгой хэсэг, (3) хооронд нь зайгүй 4 баганатай бүтээгдэхүүний сүлжээ, (4) хооронд нь зайгүй 5 баганатай редакцийн блокуудын эгнээ. Бүх хэсгүүдийг босоо байдлаар тэнцүү зайтай байрлуулсан. Сүлжээ нь үргэлж шулуун байдаг - тэгш бус эсвэл шигтгэмэл найрлага байхгүй. Навигаци нь минималист бөгөөд зөвхөн дээд талын мөр, хажуугийн мөр эсвэл мега цэсгүй. Байршил нь зүүнээс баруун, дээрээс доош, хэвлэмэл загварын сэтгүүлийн хуудас шиг уншдаг.
Гэрэл зураг бол бүхэл бүтэн бүтээгдэхүүн юм. Загварын редакцийн гэрэл зурагт бүрэн хүрээтэй зургууд давамгайлдаг: авангард хэв маягийн загвар өмсөгчид төвийг сахисан студийн дэвсгэр дээр (саарал, судалтай даавуу, бүдэг интерьер) авсан. Бүтээгдэхүүнийг цэвэр цагаан дэвсгэр дээр, амьдралын хэв маягийн ямар ч нөхцөлгүйгээр авсан. Хоёрдогч зургуудад брэндийн сав баглаа боодол (ягаан Acne Studios хайрцаг), дэлгүүрийн витрин, архитектурын зургууд багтдаг. Зураг чимэглэл, энгийн шугаман глифээс өөр дүрс байхгүй, градиент байхгүй, 3D дүрслэл байхгүй. Зураг нь үргэлж хурц булантай тэгш өнцөгт хэлбэртэй байдаг - маск байхгүй, бөөрөнхий булан байхгүй, давхардал байхгүй. Зургийн үүрэг бол гоёл чимэглэлийн уур амьсгалыг бий болгох биш, харин гол агуулгыг хангах явдал юм; тэдгээр нь харагдах пикселийн талбайн ойролцоогоор 90%-ийг эзэлдэг.
Палетт
Брэнд
- Electric Cobalt
#0018a8— Нил ягаан өнгийг гоёл чимэглэлийн нарийн ширийн зүйлс болон нам давтамжийг онцлоход хоёрдогч өргөлт болгон ашигладаг. Үүнийг үйлдэлд уриалахын тулд үндсэн өнгө болгон ашиглаж болохгүй.
Төвийг сахисан
- Ink Black
#000000— Үндсэн текст, лого, дүрс тэмдгийн тойм, навигацийн шошго болон хөлийн текст. Цагаан дэвсгэр дээр бүрэн уншигдахуйц байдлыг хангахын тулд 21:1 харьцаатай контрастыг ашигласан. - Graphite
#6b6b6b— Хоёрдогч хэрэглэгчийн интерфэйс, хуваагч болон дуугүй шошгоны төвийг сахисан өнгөний дэмжлэг. - Paper White
#ffffff— Хуудасны зураг, бүтээгдэхүүний картын дэвсгэр болон навигацийн самбарын гадаргуу. Редакцийн гэрэл зургийг "амьсгалах" боломжийг олгодог үндсэн суурь. - Bone
#f2f2f2— Нарийн сүүдэрлэх болон нарийн ирмэгүүд нь гайхалтай давхаргыг бий болгодог. Бага хэмжээгээр ашиглавал систем нь өнгөт гадаргуунаас илүү хоосон зайг илүүд үздэг.
Типографи
120-120 пиксел хүртэл · 1 алхам
- Helvetica Monospaced Pro — солих: Inter · тоймууд 400 · Helvetica Monospaced Pro фонт - гаргаж авсан өгөгдөлд байдаг боловч хиймэл оюун ухаанаар тайлбарлагдаагүй.
- Acne Studios (custom wordmark) — солих: GT Walsheim or Manrope at matching optical size and weight · тоймууд 400-500 · Том хэмжээтэй брэндийн логог үндсэн зураг дээр давхарласан байна. Үсгийн хэлбэр нь хүмүүнлэг төгсгөлтэй геометрийн бүтэцтэй; ямар ч системийн фонт үүнийг хуулбарлаж чадахгүй ч түүний шинж чанар нь өргөн диафрагмтай геометрийн sans-serif-тэй хамгийн ойр байна.
- Helvetica Neue / system sans — солих: Helvetica or Inter · тоймууд 400 · Хэрэглэгчийн интерфэйс дэх бүх функциональ текстүүд: навигацийн холбоосууд, хэсгийн гарчиг, бүтээгдэхүүний тайлбар болон хөл хэсэг. Үүнийг үргэлж том үсгээр, өргөн зайтай харуулдаг - энэхүү хэвлэмэл загвар нь вэбсайт дээрх хамгийн танигдахуйц гэрэл зургийн бус элемент юм.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 10px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 60px |
Хиймэл оюун ухаан таны вэбсайтыг Acne Studios хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Agence Foudre — Сэтгүүлийн нүүр хуудас нь уруулын будаг санагдуулам зөөлөн ягаан өнгөтэй.
- INVERSA — Шөнө дундын топографийн талбайн терминал. Дэлхийн хиймэл дагуулын зургууд дээр асар том редакцийн фонт болон неон ногоон өнгийн нэг давхарга тэмдэглэгээг давхарлан байрлуулсан харанхуй команд самбар, шошго бүр нь даалгаврын координатыг уншиж байгаа мэт монохром өнгөтэй байна.
- GTE — Галерейн гэрэлтүүлгийн ард байрлах худалдааны терминал
- Diabla — Үд дундын Газар дундын тэнгисийн хашаа - наранд бүдгэрсэн ягаан хана, тод улаан өнгийн зотон саравч, тэнгэрт тархсан сериф хээтэй редакцийн гарчигнууд.
- Le Puzz — Sunny Sunday Circular бол нууцлаг зүйлсээр дүүрэн шар хэвлэл юм.
- Subset — Түүхий маалингаар хийсэн редакцийн бутик
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл
- Drive Capital — Дулаан цаасан дээрх ретро замын аяллын зурагт хуудас