entire studios
Бетон ханатай загварын сэтгүүл нь дулаан цөцгийтэй цаасан дээр хэвлэгдсэн редакцийн тайз бөгөөд гэрэл зураг бол цорын ганц тансаг хэрэглээ юм.
Загварын хэвлэлүүдэд зориулсан маш хялбаршуулсан редакцийн систем: хоёр өнгө (дулаан цөцгийтэй даавуу, цэвэр хар бэх), нэг зайтай фонт, нягт зайтай, сэтгэл хөдлөлийн бүх ажлыг хийдэг бүрэн өргөнтэй зургууд. Дулаан цөцгийтэй #e7ecea нь SaaS-ийн хүйтэн саарал өнгийг орлож, гадаргуу бүрийг дижитал ариутгал биш харин цаас шиг, галерей шиг дулаанаар дүүргэдэг. 12-16 пикселийн фонтын хэмжээ, 400 жинтэй Space Mono нь хэвлэлийн шатлалыг үгүйсгэдэг - ялгах чадварыг фонтын хэмжээсээр биш харин байрлал, цагаан зай, ганц зургийн хэмжээсээр дамжуулан олж авдаг. Бүрэлдэхүүн хэсгүүдийг үндсэн хэрэгцээнд нь хүртэл нь багасгасан: мэдээллийн самбар, төвд байрлуулсан үгийн тэмдэг, шугамын ойролцоо байрлуулсан текст холбоосууд, нэмэлт элементгүйгээр зурагнуудын дээр байрласан лого давхаргууд. Систем нь ердийн цахим худалдааны загвар биш, харин өтгөн цөцгийтэй цаасан дээр хэвлэсэн загварын сэтгүүл шиг уншдаг.
Хуудас нь стандарт цахим худалдааны сүлжээнээс илүү бүрэн өргөнтэй редакцийн урсгалыг агуулдаг. Үндсэн элемент нь бүхэл бүтэн харах цонхны өргөний дагуу ганц зураг бөгөөд хамгийн их контейнерийн өргөн байхгүй - зургууд нь 1200 пикселийн хязгаарлалтаас давсан байна. Навигаци нь үндсэн элементийн дээр хөвж буй гурван бүсийн давхарга бөгөөд дэвсгэргүй (зүүн талд холбоос, төвд текст тэмдэг, баруун талд тулгуур элементүүд) юм. Доорх контентын хэсгүүд нь ижил 100vw өргөнтэй бөгөөд карт эсвэл блок дээр суурилсан модулиудаас илүү зөвхөн зураг болон зургийн хэсгүүдээр тусгаарлагдсан байна. Хэмнэл нь хар бүтээлч самбар → тунгалаг навигаци → үндсэн 100vw зураг → зураг дээрх нэмэлт зургууд эсвэл 100vw текст туузууд юм. Нягтрал нь сийрэг бөгөөд зураг давамгайлсан; дизайн нь бүтэцлэгдсэн бүрэлдэхүүн хэсгүүдийн доторх цагаан зайгаар биш харин том гэрэл зургийн хэсгүүдээр амьсгалдаг.
Дүрслэх хэрэгсэл нь бүрэн хэмжээний редакцийн загварын гэрэл зураг юм. Зургуудыг ойроос тайрсан бөгөөд ихэвчлэн бүтэцтэй бетон эсвэл гипсэн хананы эсрэг спортын/орчин үеийн позтой хоёр хүнийг дүрсэлсэн байдаг. Боловсруулалт нь түүхий бөгөөд байгалийн шинж чанартай - шүүлтүүргүй, хоёр өнгийн боловсруулалтгүй, давхардаагүй. Зураг нь ирмэгээс ирмэг хүртэл 100 пиксел эзэлдэг бөгөөд хил хязгаарын радиус, хүрээгүй, эргэн тойрон дахь UI элементүүдгүй. Зураг нь бүхэл бүтэн сэтгэл санааг буулгасан; зааны ясан даавуу болон Space Mono үсэг нь үүнийг нарийн хүрээлсэн байдаг. Дүрслэл байхгүй - UI дүрс байхгүй, зөвхөн гурван судалтай Adidas Performance лого нь үгийн тэмдгээс гадна цорын ганц тэмдэг юм.
Палетт
Төвийг сахисан
- Bone
#e7ecea— Хуудасны зотон даавуу, картон гадаргуу, зургийн талбарууд нь дижитал саарал өнгөнөөс илүү зузаан цөцгийтэй цаас эсвэл түүхий гипсийг санагдуулдаг дулаан, цөцгийтэй өнгөтэй байна. - Ink
#000000— Бараан өнгө нь төвийг сахисан текст болон дүрсүүдийг нөхөж, хүчтэй тодосгогч байдлыг бий болгодог. Үйлдэлд уриалахын тулд үүнийг үндсэн өнгө болгон ашиглахаас зайлсхий. - Paper White
#ffffff— Харанхуй зар сурталчилгааны самбар дээр урвуу текст, зураг дээр урвуу лого.
Типографи
12-16 пиксел · 2 алхам
- Space Mono — солих: JetBrains Mono · тоймууд 400 · Навигаци, холбоос, үндсэн текст, тайлбар болон логонд зориулсан ганц фонт. Өөрийн төрөлдөө өвөрмөц 400 цэгийн нэг зайтай фонт нь техникийн, редакцийн хэв маягийг бий болгодог; хатуу нэг зайтай хэмнэл нь арилжааны хэвлэлээс илүү загварын сэтгүүлийг санагдуулдаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 16px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
Хиймэл оюун ухаан таны вэбсайтыг entire studios хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- Peak Design — Галерейн хана, хэсэгчлэн гэрэлтүүлэгтэй
- Letter — Агуулахаас гялалзсан эд өлгийн зүйлсийг харуулсан хувийн галерей. Галерейн өнгөт ханан дээрх хром баримлуудын дээгүүр серифийн гарчиг хөвдөг хар ханатай үзэсгэлэнгийн талбай.
- Apple (España) — Обсидиан галерейн үзэсгэлэн нь хар дэвсгэр дээр ганц титан объект гэрэлтэж буй харанхуй үзэсгэлэнгийн танхим юм.
- Agence Foudre — Сэтгүүлийн нүүр хуудас нь уруулын будаг санагдуулам зөөлөн ягаан өнгөтэй.
- Sociotype — Цагаан цаасан дээрх музейн ердийн дээж
- FARFETCH España — "Цагаан шоо" хэв маягийн загварын галерей. Хана, шал, тавилга нь цагаан өнгөөр цайрсан, зөвхөн хувцас болон тэдгээрийг өмссөн хүмүүс л өнгө, бүтэц, дүрслэлийг бүрдүүлдэг дээд зэрэглэлийн жижиглэн худалдааны орон зайг төсөөлөөд үз дээ.
- Caserne — Цагаан үсэгтэй хар галерейн хана
- Contract — цагаан ханын галерейн каталог
- Arsenijs Fabrica — Редакцийн контентын төрөлхийн гоо үзэсгэлэн галерейн гэрлийн дор илэрч байна. Галерейн тод цагаан хана, монохром дэвсгэр дээр улбар шар өнгөөр анивчих ганц дулаан стробоскоп гэрэл, шилэн нимгэн үсэг, элбэг дэлбэг цагаан орон зай.
- 21 TSI — Час улаан хоосон орон зай, ганц дүрс – хэрэглэгчийн интерфэйс нь уур амьсгалд ууссан өндөр загварын редакцийн бүтээл
- Aevi Wellness — Скандинавын эмийн сангийн хэв маяг, жингүй фонт. Бүдэг саарал цэнхэр өнгийн аялга нь редакцийн материалын ерөнхий өнгө аясгүй, агаартай зохион байгуулалтыг эвддэг бөгөөд бүтээгдэхүүний зургуудыг дулаан цагаан дэвсгэр дээр нимгэн хүрээтэй ил захидлууд дээр давхарлан байрлуулсан байдаг.