Steep
Халуун цаасан дээрх Сериф фонтын шинжилгээ
Steep нь аналитикийг редакцийн контент хэлбэрээр танилцуулж байна - Бараг монохром цагаан даавуун дээр Signifier serif гарчигнууд хөвж, ганц дулаан тоорын өргөлт (#fbe1d1) нь өнгөний хувирамтгай системийг онцолж байна. Хуудас нь бүтээгдэхүүний сэтгүүлийн хуудас шиг уншигддаг: том, курсив фонт, хангалттай текстийн зай, зөөлөн 24px радиустай ирмэг бүхий том картууд, гадаргуутай ижил төстэй эм хэлбэртэй удирдлага. Бүрэлдэхүүн хэсгүүд нь тайван, жингүй мэт санагддаг - сүүдэр нь нарийн, хүрээ нь нимгэн, өнгийг функциональ онцлоход ашигладаг (тоорын тэмдэглэгээ, тоорын дэвсгэр дээр хар хүрэн үсэг). Бүтээгдэхүүний гадаргуу (бүсийн хүснэгтүүд, идэвхжүүлэх диаграммууд, хиймэл оюун ухаан бүтээгчид) нь хяналтын самбарын бүрхүүлд байрлахын оронд толгой хэсгийн эргэн тойронд хөвөгч элементүүд хэлбэрээр танилцуулагддаг.
Хуудасны зохион байгуулалт нь хамгийн ихдээ 1200 пиксел өргөнтэй бөгөөд төвд байрлуулсан бөгөөд үндсэн хэсгүүд нь хуудасны бараг бүх өргөний хэсгийг эзэлдэг боловч савны дотор үлддэг. Үндсэн зохион байгуулалт нь том сериф фонттой төвд байрлуулсан толгой хэсэг, дэд гарчиг, хоёр товчлууртай бөгөөд цагаан зураг дээр янз бүрийн байрлалтай давхцсан дөрвөн хөвөгч бүтээгдэхүүний тодорхойлолтын карт (бүсийн хүснэгтийн дээд зүүн талд, бүртгэлийн карт баруун талд, идэвхжүүлэх диаграм зүүн доод талд, хиймэл оюун ухааны засварлагч доод төвд)-аар хүрээлэгдсэн байдаг. Хэсгүүд нь Paper White болон Card Mist дэвсгэрүүдийн хооронд ээлжлэн байрладаг бөгөөд хүчтэй ялгаатай байдалгүйгээр тайван хэмнэлийг бий болгодог. Онцлог хэсгүүд нь 80 пикселийн том босоо ус зайлуулах хоолойтой текст болон UI-ийн хоёр баганын зохион байгуулалтыг ашигладаг. Навигаци нь зүүн талд лого, төвд навигацийн холбоосууд, баруун талд хоёр үйлдэл хийх дуудлага (текстийн холбоос + дүүргэсэн товчлуур) бүхий ганц тунгалаг дээд мөр (арын дэвсгэр, хүрээ, сүүдэргүй) юм. Нийт зохион байгуулалтын нягтрал нь өргөн цар хүрээтэй - хуудас нь хэсгүүдийн хооронд "амьсгалдаг" бөгөөд контент хэзээ ч ирмэгийг чихдэггүй.
Харааны дизайн нь амьдралын хэв маягт бус, бүтээгдэхүүнд чиглэсэн: хөвөгч UI элементүүд (таван мөртэй өгөгдөл бүхий бүс нутгийн хүснэгтүүд, 8-11-р сард идэвхжүүлэлтийг харуулсан шугаман графикууд, радиаль явцын цагираг, хиймэл оюун ухааны оролтын талбарууд) нь редакцийн гарчгийн эргэн тойронд тайрсан дэлгэцийн агшин хэлбэрээр байрлуулсан. Зураг, чимэглэл эсвэл хийсвэр график байхгүй. Бүх харааны бүтээгдэхүүний элементүүдийг нимгэн хүрээтэй, зөөлөн сүүдэртэй цагаан хөвөгч картууд дээр байрлуулсан. Аватарын тойрог нь жижиг курсорын чиглэл заагчтай - бодит цагийн харилцан үйлчлэлийг дохиолдог харааны сэдэл юм. Үндсэн найрлага нь үндсэн зурагтай төвлөрсөн гарчиг биш харин текст болон UI-ийн коллаж юм.
Палетт
Төвийг сахисан
- Ink Black
#17191c— Үндсэн текст, дүүргэсэн товчлуурын дэвсгэр болон навигацийн лого нь систем дэх цорын ганц бараан гадаргуу юм; үндсэн текст дэх бүх үйлдэлд уриалсан үгс болон гарчиг нь энэхүү бараг хар дэвсгэр дээр гарч ирнэ. - Paper White
#ffffff— Хуудасны зураг, товчлуурын текст, товойлгон картын гадаргуу нь ойролцоогоор 76 давтамжийн цэгийг агуулсан давамгайлсан дэвсгэр өнгө юм. - Mist Gray
#f2f2f3— Картын гадаргуу, нэмэлт дэвсгэр, оролтын талбарын дүүргэлт—сангийн доор суулгагдсан контентод зориулсан үл үзэгдэх давхарга. - Fog White
#fafafb— Хэсгүүдийг ээлжлэн солих болон хөвөгч гадаргууг байрлуулах нэмэлт хуудасны дэвсгэр - нарийн судалтай хувилбаруудыг үүсгэхийн тулд цааснаас нэг алхам дээш байрлуулна. - Slate Gray
#777b86— Холбоосын өнгө, дуугүй туслах текст, хөлийн текст - Үндсэн текст болон оруулах боломжгүй текстийн хооронд байрлуулсан хүйтэн, ханаагүй саарал өнгө. - Ash Gray
#979799— Нэмэлт шошго, ангиллын шошго (Маркетинг, Санхүү, Борлуулалт) - холбоосын өнгөнөөс нэг алхам цайвар.
Типографи
15-аас 90 пиксел хүртэл · 8 алхам
- Signifier — солих: GT Sectra · тоймууд 400 · Гарчиг болон гарчгийн хувьд зориулсан сериф фонт - зөвхөн H1/H2-т гурван хэмжээтэйгээр ашиглагддаг; фонтын жин нь бүх хэмжээс дээр 400 (ердийн) хэвээр байгаа бөгөөд энэ нь өөрийн гэсэн сонголт юм: сериф фонт нь тод фонт шиг хашгирахын оронд шивнэдэг.
- Sohne — солих: Inter · тоймууд 400, 430, 450, 480, 500 · Үндсэн, интерфэйс болон навигацийн фонтууд нь олон талын ач холбогдолтой бөгөөд мета өгөгдлөөс эхлээд дэд гарчиг хүртэл бүх зүйлийг хамардаг; хагас шаталсан жин (430, 450, 480) нь тод үсгээр үсрэхгүйгээр нарийн шатлалыг бий болгодог.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 24px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Steep хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Newformcap — Хувцас солих өрөөнд байгаа редакцийн сонин
- Claude — Дулаан илгэн дээр хэвлэсэн эд өлгийн зүйл - ясны цаасан дээр бэх, өнгөний цорын ганц амьсгал нь шавар юм
- 11x– Digital workers — Кино урлагийн редакцийн цөл газар—тансаг зэрэглэлийн сэтгүүлийн хэвлэгдсэн мэт гайхалтай сериф гарчигтай харьцуулсан газрын ландшафтын панорама зургууд
- Revolut — Үүлсийн гэрэл зураг дээр үндэслэсэн монохром редакцийн бүтээл - цагаан бэх, эмний хайрцагны товчлуурууд, саарал өнгийн ертөнц дэх ганц цэнхэр судал.
- Scheduling — Цөцгийтэй цаасан дээрх редакцийн бэх
- Titan — дулаан өнгөтэй монохром архив
- Programa — Үд дундын Швейцарийн дизайны студи. Цагаан галерейн ханыг ганц шар ширээний чийдэн гэрэлтүүлж байна. Бүх зүйл саарал өнгөтэй харагдаж, товчлуур, дүрс эсвэл чимэглэл нүдэнд тусах хүртэл, дараа нь тэр ганц шар чимэглэл өрөөг бүхэлд нь тодорхойлно.
- Sana Agents — Редакцийн хуудсан дээрх цагаан дэвсгэр дээр шохойн гялалзсан зураг
- Visual — Дулаан редакцийн самиздат. Цөцгий өнгийн цаас, сериф зурагт хуудас, монохром захидал, нэг шар өнгийн маркер.
- Midday — Илгэн дээрх редакцийн товхимол - дулаан чулуун дэвсгэр дээр 72 пикселийн сериф гарчиг, зайтай sans-serif үндсэн хуулбар, эм хэлбэртэй удирдлага, сүүдэргүй
- Chat for impact — Пастел өнгийн өрөөнүүдтэй ойн ногоон эмнэлэг
- Handhold — Бараг сонсогдохуйц серифүүдийн доорх дулаан илгэн цаас - хроматик чимээгүй гараар тохируулсан редакцийн хэв маяг, хамгийн сайн 200 цэгийн сериф фонт нь бүхэл бүтэн дуу хоолойг дамжуулдаг.