Vivid+Co
обсидианаар дамжин өнгөрөх призматик гэрэл
Vivid+Co нь кино мэт харанхуй хоосон зайд ажилладаг: бараг бүх фонт болон интерфэйсийн элементүүдэд ашиглагддаг ганц, бараг цагаан өнгөөр (#ffdf9) тасалдсан #101010–#495764 хэмжээтэй бараг хар өнгийн зураг. Типографийг голчлон Нойе Монреальд 400 жинтэйгээр дүрсэлдэг - тод үсгийг зориудаар үгүйсгэдэг бөгөөд жингээс илүү масштабаар (136px ба 105px) дамжуулан эрх мэдэлд хүрдэг. Онцгой техник бол хроматик призм юм: ханасан улаан/ногоон/цэнхэр гэрлийн блокууд нь RGB-ээр тусгаарлагдсан бөгөөд шилэн кубуудаар шүүгдэж, монохром гадаргууг алдагдуулдаг. Байршил нь төвлөрсөн бөгөөд өргөн цар хүрээтэй; навигаци, үндсэн текст болон холбоосууд нь бүгд #ffdf9 гэсэн ганц өнгөөр байдаг бөгөөд тусдаа өргөлтийн товчлуур, дүүргэлт, сүүдэргүй - ялгаварлан гадуурхалтыг зай, масштаб, брэндийн цорын ганц өнгөний өргөлт болж өгдөг солонгон эд зүйлсээр дамжуулан хийдэг.
~1440 пикселийн дээд хэмжээтэй нэг багана бүхий бараан, бүтэн өргөнтэй зураг. Үндсэн элемент нь давхардсан гарчиг (кубуудыг огтлолцсон текст) болон зүүн тийш зэрэгцүүлсэн дэд гарчигтай төвлөрсөн призматик олдвор юм. Навигаци нь нимгэн дээд мөрөнд байрладаг: зүүн талд лого, баруун талд дөрвөн үл үзэгдэх холбоос, мөрийн төгсгөлд тусгай "Холбоо барих" товчлуур байдаг. Хэсгийн хэмнэл нь бүтэн өндөртэй баатрын самбарууд болон ~108 пикселийн зайтай нарийхан контентын зурвасуудын хооронд ээлжлэн солигддог. Агуулгын зохион байгуулалт нь тэгш бус: призматик олдвор нь харааны төв болж үйлчилдэг бөгөөд гарчгууд нь түүнийг тойрон эргэлддэг. Нэг баганатай текст блокууд нь хамгийн ихдээ ойролцоогоор 440 пиксел өргөнтэй; олон баганатай тор, картын матриц, үнийн хүснэгт байхгүй. Доод хэсэг нь нимгэн шугамаар хуваагдсан, хоёр багана мета өгөгдөлтэй нимгэн зурвас юм.
Гол дизайны элемент нь ирмэг дээрээ хроматик гажигтай, RGB өнгөөр тусгаарлагдсан шилэн кубын хийсвэр 3D дүрс юм. Зураг, хүмүүсийн зураг, бүтээгдэхүүний зураг байхгүй. Призм бол брэндийн дүрс; бусад бүх зүйл нь бараан өнгийн зотон дээр монохром типографи юм. Дүрс бичлэг нь хамгийн бага: нарийн навигацийн шошго, гарчгийн нэгний төгсгөлд байрлах жижиг курсор/глифийн өргөлт (142765 хэсэг) нь ганц, нэг шугаман 16 пикселийн дүрсийг илтгэнэ. Зураг чимэглэл, гоёл чимэглэлийн хээ, бүтэц байхгүй.
Палетт
Төвийг сахисан
- Bone White
#fffdf9— Үндсэн текст, навигацийн шошго, холбоосын өнгө, гарчгийн дүүргэлт нь бараг цагаан өнгөтэй бөгөөд бараан өнгийн зураг дээрх бүх хэв маягийн гадаргууг эзэлдэг. - Obsidian
#101010— Үндсэн болон хуваах зурааснуудын арын дэвсгэрийг дүүргэсэн хуудасны зураг нь гүн хар өнгөтэй бөгөөд дотор талдаа призм хэлбэртэй олдвортой. - Graphite Veil
#495764— Гарчиг болон контентын блокуудын ард хүйтэн, бараан өнгийн өнгө давамгайлж, хавтгай хар өнгө ашиглалгүйгээр зурагны гүнийг нэмж өгдөг. - Ash Border
#403f3f— Тексттэй өрсөлдөхгүйгээр мөрүүдийг тусгаарлахын тулд 1 пикселийн нарийвчлалтай хуваах шугам болон картын тоймыг ашигладаг. - Fog Blue
#6f879c— Дутуу хоёрдогч текст болон нарийн товчлуурын шошго (3.7:1 ялгаатай) – “Стратеги”, “Бүтээлч”, “Харилцаа холбоо + Маркетинг” гэх мэт үйлчилгээний ангиллын тэмдэглэгээг тодруулаагүй мета өгөгдөл гэж үздэг. - Pure Black
#000000— SVG дүрс болон чимэглэлийн чимэглэлийн дүүргэлт - призмийн зураг болон дүрс тэмдэгт ашиглагддаг; дэвсгэр биш.
Типографи
15-аас 136 пиксел хүртэл · 9 алхам
- Neue Montreal — солих: Söhne · тоймууд 400, 700 · Онцгой фонтыг хэрэглэгчийн интерфэйс даяар ашигладаг - гарчиг, үндсэн хэсэг, навигаци, товчлуурууд, холбоосууд болон хөл хэсэг. Анхдагчаар 400 жинтэй; 700 жинтэй нь зөвхөн дэд гарчигт зориулагдсан. 105 болон 136 пикселийн зузаантай гарчигуудын мөр хоорондын зай 1.00–1.01em, үсгийн зай -0.02em бөгөөд энэ нь хэвлэмэлээс илүү уран баримал мэт мэдрэгдэх кино маягийн, давхарласан гарчиг үүсгэдэг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 7px |
| Товчлуурын радиус | 0px |
| Картын радиус | 15px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 108px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Vivid+Co хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Sequel — Харанхуй үед кино театрт зөвхөн харанхуй бол хувийн кино үзвэрийн газар л дулаахан гэрэлтэй байдаг.
- ThoughtLab — Чал улаан өнгийн дохиотой обсидиан хөшөө. Хар хоосон зотон даавуу, сүмийн цорын ганц ханасан улаан объект нь том цагаан үсгээр хэвлэсэн бөгөөд ганц хроматик дүрс юм.
- Dovetail — Хар сарны доорх зураг төсөл — бараг харагдахгүй график шугам, цагаан фонт, нэг нил ягаан гялалзсан зураг
- MekaVerse — Дижитал эд өлгийн зүйлсийн монохром галерей - дүрслэгдсэн ертөнц музейн үзмэр шиг өлгөөтэй, хэрэглэгчийн интерфэйс нь бүхэлдээ царцсан хар шилэн дээр цагаан бэхээр будсан хар хоосон орон зай.
- Krea — шөнө дундын хар галерей
- Factory — Шөнө дундын "дайны өрөө"-ний терминал. "Үйлдвэр" бол хар өнгийн удирдлагын самбар бөгөөд гар чийдэнгийн гэрэлд ассан дохионы самбар шиг ганц цагаан карт буудаг бөгөөд өрөөнд байгаа цорын ганц объект бол бүтээл өөрөө юм.
- basement — Шөнийн 3 цагийн хоосон хэвлэх машин – том, шахагдсан фонтууд тас хар өнгөөр тархаж, навигацийн самбар дээр улбар шар өнгийн гялбаа тусч, бусад бүх зүйл цагаан эсвэл хий саарал өнгөтэй байна.
- Stink Studios — Шөнө дундын кино студи - проектор дуугарч, өрөө харанхуй, зөвхөн кино л гэрэлтэж байна
- Apple (España) — гэрэлтүүлэгтэй хар театр
- Charlie — Сүм хийдийн чулуунаас обсидиан дээр сийлсэн хэвлэмэл зураг. Ганц улаан хана нь дүлийрэм нам гүм байдлыг бий болгодог портфолио.
- Rive — Өндөр нарийвчлалтай шөнийн хараа. Интерфэйс нь техникийн нарийн ширийн зүйлийг туйлын тод байдлаар төвлөрүүлэхийн тулд харанхуйг нэвт шингээдэг тусгай линзтэй.
- Datalands — Ганц неон импульстэй хар сүм. Лого нь гол хэсгийг дүүргэж байгаа бөгөөд бусад бүх зүйл доор нь бараг сонсогдохгүй байна.