Huly
Шөнө дундын ажиглалтын төвийн хойд гэрэл - гол дүр нь шүрэн болж хувирдаг нил ягаан өнгийн босоо туяа бөгөөд түүний доорх нам гүм хэсэг бүр илүү нам гүм өнгөөр өгүүлсэн хоёр өнгийн түүхийг зээлдэг.
Huly нь сансрын ажлын талбарын уур амьсгалыг санагдуулдаг: бараг хар өнгийн зураг нь гол элементийг нэвтлэн нэг нил ягаан-хув ягаан туяатай, түүний доор бүтээмжийг нэмэгдүүлэхийн тулд илүү нам гүм тортой байдаг. Систем нь нарийн өнгөний хүрээнд ажилладаг - нэг тод цэнхэр, нэг шүрэн нь давхарласан бал чулуун гадаргуу дээр бүх брэндингийг хийдэг тул бараан горим хэзээ ч төвийг сахисан мэт санагддаггүй. Типографи нь бүх зүйлд зориулагдсан Inter-style бөгөөд гол цэгүүдэд зориулагдсан захиалгат фонт (Esbuild), 80-84 пикселийн өргөнтэй, түрэмгий сөрөг үсгийн зайтай. Бүрэлдэхүүн хэсгүүд нь капсул хэлбэртэй: удирдлага дээр 9999 пикселийн радиус, карт дээр 12 пиксел, хамгийн бага сүүдэр, гол чимэглэл болгон гэрэлтдэг градиент шугамууд. Хуудас нь бүтэн хуудасны бараан хэсгүүд болон тайван гэрлийн хэсгүүдийн хооронд ээлжлэн солигддог тул аливаа шинэ дэлгэц өнгө сонгохоосоо өмнө горимыг сонгох хэрэгтэй.
Бүрэн өргөнтэй нүүр хуудсанд хойд туйлын гэрэлний босоо туяа, зүүн тийш зэрэгцүүлсэн гарчиг, мөн баруун доод хэсэгт байрлах бүтээгдэхүүний дэлгэцийн агшинг харуулсан болно. Нүүр хуудасны доор хамгийн их өргөнтэй, 1200 пикселийн контент хэсэг, ээлжлэн бараан болон цайвар судалтай байна. Хэсэг бүр нь нэг босоо блок юм: толгой хэсэг болон 96 пикселийн зайгаар тусгаарлагдсан 3 эсвэл 4 баганатай картын сүлжээ. "MetaBrain" хэсэг нь төвлөрсөн гарчиг болон янз бүрийн хэмжээтэй картуудын шигтгэмэл (том үндсэн карт болон жижиг тулгуур картууд)-аар сүлжээг эвддэг. Хуудас нь SaaS стандартын дагуу агуулга ихтэй боловч хэсэг бүрт амьсгалах зай гаргахын тулд ээлжлэн бараан болон цайвар судал ашигладаг. Навигаци нь гүйлгэх үед тунгалаг болж бүдгэрдэг ганц тунгалаг дээд самбар юм.
Гол элемент нь гэрэл зураггүй цэвэр туйлын градиент юм. Бүх чимэглэл нь бүтээгдэхүүний хэрэглэгчийн интерфэйсийн бодит дэлгэцийн агшин (харанхуй горимд Канбан, ирсэн имэйл, хуанли) бөгөөд нотлох баримт болон чимэглэлийн аль алиныг нь ашигладаг картын жаазанд байрлуулсан байдаг. Амьдралын хэв маягийн зураг байхгүй, хувьцааны зураг байхгүй, 3D дүрслэл байхгүй. Хэрэглэгчийн интерфэйстэй холбоогүй цорын ганц харааны элемент бол туйлын гэрлийн суурь дээр CSS градиент хэлбэрээр дүрслэгдсэн дулаан, цацраг туяа юм. Дүрсүүд нь #95979 эсвэл цагаан өнгийн монохром шугаман дүрсүүд бөгөөд хэзээ ч олон өнгийн биш юм. Систем нь өөрийн бараан UI-г гол элемент гэж үздэг бөгөөд бүтээгдэхүүн бол гэрэл зургууд юм.
Палетт
Брэнд
- Electric Iris
#5683da— Үндсэн дэвсгэр, идэвхтэй навигацийн заагч, тод хойд гэрлийн тод өнгө болох хар дэвсгэр дээрх тод нил ягаан цэнхэр өнгө нь корпорацийн үйл ажиллагаанаас илүүтэй оролцооны сэтгэгдэл төрүүлдэг. - Ember Pulse
#ff8964— Хоёрдогч өргөлт, дулаан хойд гэрлийн бүс, мэдэгдлийн цэг, чимэглэлийн онцлох хэсэг—цэнхэр өнгийг эвдэж, туяанд дулааныг нэмэх хуван өнгө.
Төвийг сахисан
- Obsidian Canvas
#303236— Хуудасны дэвсгэр хэсэг болох давамгайлсан гадаргуу нь бараг хар өнгөтэй бөгөөд бага зэрэг дулаан мэдрэмж төрүүлдэг бөгөөд энэ нь бүх контентын стандарт орчин юм. - Void
#090a0c— Үндсэн дэлгэц дээрх градиент, модаль дэвсгэр болон зурагтай уусах ёстой жаазуудын хамгийн гүн гадаргуугийн давхарга. - Charcoal Card
#111111— Зотон даавуунаас нэг алхам дээш байрлуулсан картон болон хавтангаар хийсэн өргөгдсөн гадаргуу. - Slate Edge
#4a4b50— Харанхуй гадаргуу дээрх нарийн хил хязгаар ба хуваалтууд - Iron Veil
#6b6c6d— Шошго, жагсаалтын зүйл дүүргэлт болон идэвхгүй дүүргэлтийн дэвсгэр бүдгэрсэн. - Smoke
#95979e— Дүрсний тойм, нэмэлт текст болон идэвхгүй удирдлага нь дунд зэргийн саарал өнгөтэй үндсэн ажлын элемент юм.
Типографи
11-ээс 80 пиксел хүртэл · 8 алхам
- Inter — солих: DM Sans · тоймууд 300, 400, 500, 600, 700 · Хэрэглэгчийн интерфэйс дэх бүх функциональ текстүүд болох үндсэн текст, навигаци, товчлуурууд, жагсаалтын зүйлс, шошго, жижиг гарчгууд нь онцлох зорилгоор 500-600, үндсэн текстэд 400, анзаарагдахгүй мета өгөгдлийн хувьд 300 бага хэмжээтэй фонтоор ашиглагддаг.
- Esbuild — солих: Sora · тоймууд 400, 500, 600 · Зөвхөн харуулах: гарчиг, хэсгийн гарчиг, MetaBrain нийтлэлийн гарчиг. Товч геометр болон үсэг хоорондын зай бага байгаа нь SaaS төслүүдээс илүү 84px нь редакцийн ажилд илүү тохиромжтой гэсэн сэтгэгдэл төрүүлдэг. 28px-ээс доош хэмжээг хэзээ ч бүү ашиглаарай.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 12px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 12px |
| Сүүдэр | зөөлөн сүүдэр |
| Хэсгүүдийн хооронд | 96px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Huly хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- monday — Пастел наалттай цагаан семинар
- Slack — Тайз нь хаш ногоон өнгөтэй, цагаан гэрэлтэй. Бараан хэсгүүдэд гүн чавганы өнгө давамгайлж байгаа бол цагаан өнгийн зураг нь том, авангард бүтээлүүдийг чөлөөтэй амьсгалах боломжийг олгодог.
- Base44 — Шохойн маркертай нарны гэрэлтэй дэвтэр
- Supahub — Нил ягаан өнгийн хяр дээрх зөөлөн өдрийн гэрэл. Ганцхан тод нил ягаан нарны гэрэлд гэрэлтсэн ихэвчлэн цагаан, агаартай зураг, сөрөг орон зайд өнгө тусгасан чимэглэлийн градиент бөмбөрцөг, өгөөмөр бөөрөнхий геометр нь гадаргуу бүрт тааламжтай, мэдрэгдэхүйц хүнд байдлыг нэмж байна.
- Raycast — Шөнө дундын командлалын төв, Корал Неон
- Dimension — Царцсан шилэн хавтантай, бүрийх гэрэлтэй ажлын байр
- Wiza — Үдшийн бүрийд лаванда цэцгийн манангаар бүрхэгдсэн ашигт малтмалын хайгуулын ажиглалтын төв.
- Paste — Цагаан гантиг дээрх хув өнгийн дэнлүү—брендийн дулаан градиент лого нь цасаар хучигдсан барилгын цорын ганц гэрэлтэй цонх шиг асар том цагаан орон зайд эргэлдэж байна.
- Reworkd — Бүтээгдэхүүний диаграмм дээрх зөөлөн өдрийн гэрэл нь өөрөө ярьдаг цорын ганц өнгө бөгөөд энэ нь үйлдлийн товчлуур болон түүний дээрх градиент гарчиг юм.
- Reflect Notes — Одтой нил ягаан огторгуй бол бараг хар индиго хоосон байдлын дэвсгэр дээр одны орд мэт хөвдөг харанхуй ажиглалтын төв юм.
- Ameba — Шөнө дундын удирдлагын өрөө – царцсан шилэн хавтангийн доторх цахилгаан цэнхэр импульс
- Todoist — Нарны гэрэлтэй ажлын байр, цаасан тэмдэглэлтэй – бүлээн цөцгийтэй ширээ, бэхний тэмдэглэл, нэг улаан үзэг