ThoughtLab
Чал улаан өнгийн дохиотой обсидиан хөшөө. Хар хоосон зотон даавуу, сүмийн цорын ганц ханасан улаан объект нь том цагаан үсгээр хэвлэсэн бөгөөд ганц хроматик дүрс юм.
ThoughtLab нь Хар сүмийн дизайны хэл шиг ажилладаг: хоосон хар даавуу, ганц улаан импульс, архитектурын үүрэг гүйцэтгэдэг маш том хэвлэмэл зураг. Систем нь бараг бүхэлдээ ахроматик шинж чанартай - #cccccc биеийг, #ffffff дэлгэцийг илэрхийлдэг - #fc1c46 нь хоосон байдлын дэвсгэр дээр хяналттай хурцадмал байдлын өсөлт хэлбэрээр зөвхөн ганц үндсэн үйлдэлд гарч ирдэг. Шатлал нь өнгө, сүүдэр эсвэл дүүргэлтээр бус харин хурц масштабын үсрэлтээр (198px → 14px) бүтээгддэг. Бүрэлдэхүүн хэсгүүд нь жингүй байдаг: тунгалаг картууд, эм хэлбэртэй товчлуурууд, нимгэн оролтын талбарууд, өндөр давхарга байхгүй - хуудас нь савнуудаар биш харин сөрөг зай болон нягт савласан том үсгээр амьсгалдаг.
Хуудасны бүх өргөнийг хар өнгийн даавуугаар бүрхсэн бөгөөд өргөн хэвтээ захтай (тал бүрдээ 126 пиксель, контентын баганыг ойролцоогоор 1400 пиксель хүртэл түлхэж байна). Толгой хэсэг нь 72 пиксель хэмжээтэй ганц мөр байна: зүүн талд нь лого, төвд нь уриа лоозон, эм хэлбэртэй үйлдэл хийх уриалга товчлуур, баруун талд нь гамбургерын мөр байна. Баатар нь хуваагдсан зохиол юм - зүүн талд нь том үсгээр бичсэн том хэмжээтэй 198 пиксель гарчиг, доор нь 18 пиксель дэмжлэгтэй үндсэн хэсэг, харин 3D бөмбөрцөг нь төвийн баруун талд текстийг давхцуулж, хэсэгчлэн "иддэг". Баатарын доор хэсгүүд нь 86-108 пикселийн зайтай өргөн босоо хэмнэлээр байрлуулсан байна. Бүтээлийн элементүүдийг жагсаалт хэлбэрээр харуулсан бөгөөд хуудасны бараг бүх өргөнийг эзэлдэг бөгөөд картын тор хэлбэрээр биш юм. Хажуугийн самбар, мега цэс, баганын тор бүхий хөл байхгүй - хөл хэсэг нь зохиогчийн эрхийн мэдээлэл болон холбоо барих мэдээлэл #4c4c4c бүхий ганц, чимээгүй мөр юм. Толгой хэсгээс цаашх навигаци нь бүтэн дэлгэцийн давхаргад гамбургер цэс хэлбэрээр нээгдэнэ.
Зургууд нь сийрэг бөгөөд санаатайгаар сонгогдсон. Зонхилох харааны элемент нь WebGL дээр дүрслэгдсэн обсидиан шингэний том бөмбөлөг юм - хар дэвсгэр дээр хөвж, гарчигтай хэсэгчлэн давхцсан, ирмэг дагуух цэнхэр, улбар шар өнгийн нарийн тусгалтай бараан, бараг хар, 3D хэлбэр. Энэ нь зураглалаас илүү брэндийн дүрс тэмдгийн үүрэг гүйцэтгэдэг. Төслийн жижиг зургуудыг босоо жагсаалтад зураг эсвэл видео хэлбэрээр харуулдаг бөгөөд ирмэгээс ирмэг хүртэл хүрээгүйгээр харуулдаг. Амьдралын хэв маягийн зураг, нөөц зураг, гоёл чимэглэлийн градиент байхгүй. Бөмбөрцөг болон хэлбэр нь хуудсан дээрх цорын ганц харааны элементүүд юм.
Палетт
Брэнд
- Crimson Signal
#fc1c46— Гол өргөлт нь ганц улаан элемент бөгөөд энэ нь "Холбоо барих" таб, брэндийн лого дээр, өөр хаана ч байхгүй дээр харагдана. Үүний ховор тохиолдол нь дизайны онцлогтой холбоотой юм.
Төвийг сахисан
- Void
#000000— Хуудасны дэвсгэр буюу зотон даавуу нь бусад бүх элементүүд хөвж байдаг үнэмлэхүй суурь юм. - Ash
#cccccc— Үндсэн болон холбоос текст, хар зураг дээрх үндсэн текстийн өнгө - оптик хурц гэрлийг зөөлрүүлэхийн тулд цэвэр цагаан өнгийн оронд сонгосон. - Frost
#ffffff— Гарчиг, товчлуурын текст, оролтын талбарын текст болон тэмдэглэгээг харуулах нь хамгийн тод давхарга бөгөөд шугаман байх ёстой контентод зориулагдсан болно. - Graphite
#4c4c4c— Зохиогчийн эрх, мета шошго, туслах текст - үндсэн тексттэй өрсөлдөхгүйн тулд санаатайгаар дуугүй болгосон.
Типографи
10-аас 198 пиксел хүртэл · 7 алхам
- sui — солих: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · тоймууд 300, 400, 500, 700 · Ганц фонт. Sui нь 198 пикселийн гарчигнаас эхлээд 10 пикселийн тайлбар хүртэл бүх зүйлд ашиглагддаг захиалгаар хийгдсэн геометрийн sans-serif фонт юм. 700 жин нь томоохон гарчиг болон том гарчигуудад зориулагдсан; 400 жин нь системийн үлдсэн хэсэгт ашиглагддаг. Тод болон ердийн фонтын хоорондох ялгаа нь үндсэн фонтын систем юм; хоёр дахь гэр бүл шаардлагагүй.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 9px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 86-108px |
| Хуудасны өргөн | 1400px |
Хиймэл оюун ухаан таны вэбсайтыг ThoughtLab хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Vivid+Co — обсидианаар дамжин өнгөрөх призматик гэрэл
- Sequel — Харанхуй үед кино театрт зөвхөн харанхуй бол хувийн кино үзвэрийн газар л дулаахан гэрэлтэй байдаг.
- Dovetail — Хар сарны доорх зураг төсөл — бараг харагдахгүй график шугам, цагаан фонт, нэг нил ягаан гялалзсан зураг
- MekaVerse — Дижитал эд өлгийн зүйлсийн монохром галерей - дүрслэгдсэн ертөнц музейн үзмэр шиг өлгөөтэй, хэрэглэгчийн интерфэйс нь бүхэлдээ царцсан хар шилэн дээр цагаан бэхээр будсан хар хоосон орон зай.
- Krea — шөнө дундын хар галерей
- Factory — Шөнө дундын "дайны өрөө"-ний терминал. "Үйлдвэр" бол хар өнгийн удирдлагын самбар бөгөөд гар чийдэнгийн гэрэлд ассан дохионы самбар шиг ганц цагаан карт буудаг бөгөөд өрөөнд байгаа цорын ганц объект бол бүтээл өөрөө юм.
- basement — Шөнийн 3 цагийн хоосон хэвлэх машин – том, шахагдсан фонтууд тас хар өнгөөр тархаж, навигацийн самбар дээр улбар шар өнгийн гялбаа тусч, бусад бүх зүйл цагаан эсвэл хий саарал өнгөтэй байна.
- Stink Studios — Шөнө дундын кино студи - проектор дуугарч, өрөө харанхуй, зөвхөн кино л гэрэлтэж байна
- Apple (España) — гэрэлтүүлэгтэй хар театр
- Charlie — Сүм хийдийн чулуунаас обсидиан дээр сийлсэн хэвлэмэл зураг. Ганц улаан хана нь дүлийрэм нам гүм байдлыг бий болгодог портфолио.
- Rive — Өндөр нарийвчлалтай шөнийн хараа. Интерфэйс нь техникийн нарийн ширийн зүйлийг туйлын тод байдлаар төвлөрүүлэхийн тулд харанхуйг нэвт шингээдэг тусгай линзтэй.
- Datalands — Ганц неон импульстэй хар сүм. Лого нь гол хэсгийг дүүргэж байгаа бөгөөд бусад бүх зүйл доор нь бараг сонсогдохгүй байна.