Slash
Алтлаг дэвтэртэй шөнө дундын сейф
Slash нь шөнө дундын галерейн горимд ажилладаг: бараг хар өнгийн даавуу, цагаан фонт, цэг таслал болгон ашигладаг ганц дулаан зэс өргөлт. Гарчигуудыг хэт өндөр хэмжээтэй (88 пиксел хүртэл) ашигладаг өндөр тодосгогчтой дидон сериф болох Ivy Presto-гоор харуулдаг - сериф болон санс-сериф фонтын энэхүү зөрчил нь системийн онцлог шинж чанар бөгөөд уламжлалт банкны брокерийн хүндлэлгүйгээр санхүүгийн ач холбогдол өгдөг. Хэрэглэгчийн интерфэйсийн үлдсэн хэсгийг санаатайгаар дутуу харуулсан: нимгэн хүрээ, эм хэлбэртэй удирдлага, авсаархан 16 пикселийн үндсэн текст, фонтыг амьсгалах боломжийг олгох нарийн дээш чиглэсэн. Ганц алтан градиент (диаграмын шугам, микро өргөлт) нь монохром системд дулааныг нэмж, дизайны үзэгчдэд зориулж бүтээсэн Bloomberg терминалын дулаан гэрлийг санагдуулдаг.
Агуулга нь 1216 пиксел өргөн, төвд нь байрлуулсан, 160 пикселийн босоо ус зайлуулах хоолойтой. Нүүр хуудас нь бараан, бүтэн өргөнтэй зураг бөгөөд хуваагдсан найрлагатай: зүүн тийш зэрэгцүүлсэн serif толгой (64–88 пиксел өргөн), доор нь имэйл хаягийн талбар, баруун талд нь 50% өргөнтэй том бүтээгдэхүүний UI карт (хянах самбарын дэлгэцийн зураг). Дараагийн хэсгүүдэд нэг баганатай, төвд нь байрлуулсан толгой (serif, 44–64 пиксел өргөн), Inter хэл дээрх дэд гарчигтай, дараа нь онцлог шинж чанаруудын тайлбар/гэрчлэл/блогын гурван баганатай картын тор ашигладаг. Навигаци нь дээд хэсэгт тогтмол мөр юм: зүүн талд лого, төв цэс (Компани, Бүтээгдэхүүн, Шийдэл, Үйлчлүүлэгчид, Үнэ, Түгээмэл асуултууд), баруун тийш зэрэгцүүлсэн нэвтрэх (анхаарал татахуйц биш), эхлэх (цагаанаар дүүргэсэн элемент). Доод хэсэгт компанийн мэдээлэл болон хууль эрх зүйн мэдэгдэл бүхий холбоосуудын нягт таван баганатай тор байдаг. Хуудас нь агуулга ихтэй торон хэсгүүд болон бүтэн дэлгэцийн статистикийн хооронд ээлжлэн солигддог бөгөөд хэмнэлийг дэвсгэр өнгөний ээлжлэн солигдохоос илүүтэй баганын хоорондох цагаан зайгаар тогтоодог (хуудас бүхэлдээ нэгдмэл зураг хэлбэрээр харагддаг).
Гэрэл зураг нь редакцийн болон натуралист шинж чанартай: үүсгэн байгуулагчид болон багийн гишүүдийн бодит ажлын орчин (оффис, зочны өрөө, барилгын талбай)-д байгаа дулаан хөрөг зургууд. Зураг нь картын хүрээг ирмэгээс ирмэг хүртэл дүүргэж, ямар ч зөөлөвчгүйгээр байрлуулсан. Текстийг уншихад хялбар болгохын тулд гэрчлэлийн картын доод хэсэгт бараан градиент ашигласан. "LinkedIn редакцийн сэтгүүлтэй уулздаг" гэсэн гоо зүй нь энгийн, хүнлэг, бага зэрэг бүдэг бөгөөд хэзээ ч сток гэрэл зургаар өнгөлөөгүй. Нийтлэлийн жижиг зураг нь гэрэл зургийг дүрслэгдсэн ойлголтуудтай (төөрдөг байшинд зогсож буй хүн, мөнгөтэй ууттай задгай зуух) хослуулсан. Бүтээгдэхүүний хэрэглэгчийн интерфэйсийг харанхуй горимд бүрэн тунгалаг байдлаар харуулж, хуудасны дээгүүр нарийн харанхуй гадаргуу дээр байрлуулсан - төв элемент. Дүрсүүд нь #2e3038 эсвэл #777a88 хэмжээтэй 1 пикселийн зураастай монохром хэлбэртэй бөгөөд брэндийн өнгөнөөр хэзээ ч дүүргээгүй.
Палетт
Төвийг сахисан
- Bone
#e2e3e9— Үндсэн текстийн том фонтын хэмжээ, дэлгэрэнгүй өгөгдлийн шошго, ихэнх UI элементүүдийн стандарт текстийн өнгө аяс. - Obsidian
#08080a— Хуудасны зураг, доод хэсгийн дэвсгэр, хамгийн бараан гадаргуу нь бараг хар өнгөтэй бөгөөд нарийн цэнхэр өнгөтэй байна. - Onyx
#040406— Картын гадаргуу буюу нэмэлт дэвсгэр нь харааны эффектийн хувьд хуудаснаас нэг алхам гүн юм. - Carbon
#121317— Өргөгдсөн самбарууд, анзаарагдамгүй UI дүүргэлт - Surface Stack-ийн хувьслын анхны мэдэгдэхүйц хөнгөн алхам - Graphite
#1c1d22— Хүрээ, хуваагч, дүрсний контейнер, хяналтын гулсагч—бүтцийг тодорхойлдог хамгийн нарийн өнгөний сүүдэр. - Slate
#2e3038— Нэмэлт хил хязгаар, дуугүй дүрсний шугамууд, контент блокуудын хоорондох нарийн хуваалтууд.
Типографи
13-аас 88 пиксел хүртэл · 9 алхам
- Ivy Presto — солих: Playfair Display · тоймууд 400, 500 · Гарчиг болон дэд гарчигт зориулсан serif фонт - зөвхөн 28 пиксел ба түүнээс дээш хэмжээтэй гарчиг болон хэсгийн гарчигт ашиглагддаг. Нимгэн serif үсгүүдтэй өндөр тодосгогчтой didone зураас нь редакцийн тансаг мэдрэмжийг төрүүлдэг; 0.01em гэсэн жижиг эерэг үсгийн зай нь ер бусын бөгөөд фонтыг хэвлэмэл, нягтлан бодох бүртгэлийн хэлбэртэй харагдуулдаг. Энэхүү serif фонт нь брэндийн гол нэрийн хуудас бөгөөд энэ нь Slash-ийг геометрийн sans-serif фонтыг анхдагчаар ашигладаг бусад бүх SaaS финтек компаниудаас ялгаруулдаг.
- Inter — солих: Inter (self-hosted via Google Fonts) · тоймууд 300, 400, 500, 600, 700 · UI Sans—үндсэн текст, навигаци, товчлуурууд, шошго, холбоосууд, маягтын талбарууд болон дэд гарчгууд. Үндсэн текст нь анзаарагдахгүй хоёрдогч текстэд 300 фонт ашигладаг; 500 нь дунд зэргийн онцолсон текст болон товчлуурын шошгод ашиглагддаг; 600 нь жижиг үсгээр бичигдсэн ангиллын шошгод зориулагдсан. Сөрөг үсгийн зай нь 2 (-3)-аас багасч, хэмжээ багасах тусам буурдаг бөгөөд энэ нь Inter фонтын оптик масштабын ердийн зүйл юм.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 10px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 160px |
| Хуудасны өргөн | 1216px |
Хиймэл оюун ухаан таны вэбсайтыг Slash хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Modal — Харанхуй серверийн өрөөнд байрлах фосфоресцент терминал - цорын ганц гэрлийн эх үүсвэр нь тод ногоон өнгөтэй
- AgentQL — Шөнийн цагаар терминалын дээгүүр хойд гэрлүүд
- GitHub — Биолюминесцент хяналтын цэгүүд бүхий сансрын удирдлагын самбар - ганц ногоон гэрэл урагшлах замыг зааж буй харанхуй, агаар мандлын ажлын талбар.
- Doppler — Шөнө дундын үед сэндвичний нил ягаан гэрэл асна. Бараг хар өнгийн зураг нь ганцхан лаванда цэцгийн дохио болон ногоон баталгаажуулалтын гэрлээр гэрэлтэж, гадаргуу бүр нь атгахад хангалттай муруй хэлбэртэй байна.
- Basedash — Мэтт фонттой шөнө дундын өгөгдлийн терминал. Метриц нь нил ягаан, ногооноор гэрэлтдэг, сериф гарчиг нь чимээ шуугианаас дээгүүр хөвдөг, цагаан эм хэлбэртэй товчлуурууд нь зөөлөн хар гадаргуутай өрөөнд цорын ганц тод объектууд байдаг харанхуй ажиглалтын төв.
- Superwhisper — Хойд гэрэл шөнө дундын шилэн дээгүүр замхарч байна
- Better Stack — Шөнө дундын SRE консол
- Langbase — Шөнө дундын хойд гэрлийн консол
- Astro — Мананцараас ганцхан нил ягаан туяатай Гүн сансрын нислэгийн удирдлага
- Wayfinder — Шууд зургийн дээр бараг сонсогдохгүй гарчигтай хар киноны дэлгэц. Интерфэйс нь удирдлагын самбар биш харин гэрэлтүүлгийн гулсагч юм.
- HashiCorp — Шөнө дундын үед нил ягаан неон гэрэлтэй удирдлагын өрөө нь бараан техникийн гадаргуу бөгөөд гэрэлтсэн зургаан өнцөгт куб нь цорын ганц өнгөний лавлах хэсэг болдог.
- Umbrel — Шөнийн серверийн өрөөнд тухтай задгай зуух байдаг бөгөөд энэ нь тоорын өнгөтэй ганцхан гэрэл үнэхээр чухал зүйлийг тодотгож өгдөг харанхуй өрөө юм.