Steep
Таҳлили шрифтҳои Serif дар коғази гарм
Steep таҳлилро ҳамчун мундариҷаи таҳрирӣ пешниҳод мекунад — сарлавҳаҳои нишони сериф дар болои матои сафеди қариб якранг шино мекунанд ва як лаҳҷаи гарми шафтолу (#fbe1d1) системаи ғайрихроматикиро таъкид мекунад. Саҳифа мисли як маҷаллаи маҳсулот хонда мешавад: шрифти калон ва курсив, фазои васеи матн, кортҳои калон бо канорҳои нарми радиуси 24px ва идоракунии шакли ҳаб бо сатҳ. Ҷузъҳо ором ва бевазн ба назар мерасанд — сояҳо нозуканд, канорҳо тунуканд ва ранг барои таъкиди функсионалӣ истифода мешавад (нишонаҳои шафтолу, ҳарфҳои қаҳваранги тира дар заминаи шафтолу). Сатҳҳои маҳсулот (ҷадвалҳои минтақа, диаграммаҳои фаъолсозӣ, созандагони зеҳни сунъӣ) ҳамчун унсурҳои шинокунанда дар атрофи сарлавҳа пешниҳод карда мешаванд, на дар дохили пӯсти панели асбобҳо.
Тарҳбандии саҳифа паҳнои ҳадди аксар 1200 пикселро дар марказ дорад, ки қисматҳои асосӣ қариб тамоми паҳнои саҳифаро ишғол мекунанд, аммо дар дохили контейнер боқӣ мемонанд. Тарҳбандии асосӣ дорои сарлавҳаи марказӣ бо шрифти калони serif, зерсарлавҳа ва як ҷуфт тугмаҳои ҳаб мебошад, ки бо чор корти шинокунандаи тавсифи маҳсулот (дар болои мизи минтақа дар тарафи чап, корти бақайдгирӣ дар тарафи рост, диаграммаи фаъолсозӣ дар тарафи чап дар поён, муҳаррири зеҳни сунъӣ дар маркази поён) иҳота шудаанд, ки бо канваси сафед дар ҷойҳои гуногун рӯйпӯш мекунанд. Қисмҳо байни заминаҳои Paper White ва Card Mist иваз мешаванд ва ритми оромро бе контрасти қавӣ эҷод мекунанд. Қисмҳои хусусият аз тарҳбандии ду сутунии матн ва UI бо ҷӯйборҳои калони амудии 80 пиксел истифода мебаранд. Навигатсия як сатри болоии ягонаи шаффоф (бе замина, сарҳад ё соя) бо логотип дар тарафи чап, пайвандҳои навигатсия дар марказ ва ду даъват ба амал (пайванди матн + тугмаи пур аз ҳаб) дар тарафи рост мебошад. Зичии умумии тарҳбандӣ васеъ аст - саҳифа байни бахшҳо "нафас мегирад" ва мундариҷа ҳеҷ гоҳ канорҳоро пур намекунад.
Тарроҳии визуалӣ ба маҳсулот нигаронида шудааст, на ба тарзи ҳаёт: унсурҳои шинокунандаи UI (ҷадвалҳои минтақавӣ бо маълумоти панҷқаторӣ, диаграммаҳои хатӣ, ки фаъолсозиро дар моҳҳои август-ноябр нишон медиҳанд, ҳалқаҳои пешрафти радиалӣ, майдонҳои вуруди зеҳни сунъӣ) ҳамчун скриншотҳои буридашуда дар атрофи сарлавҳаҳои таҳрирӣ ҷойгир карда шудаанд. Аксҳо, тасвирҳо ё графикаи абстрактӣ вуҷуд надоранд. Ҳамаи унсурҳои маҳсулоти визуалӣ дар кортҳои шинокунандаи сафед бо сарҳадҳои тунук ва сояҳои нарм ҷойгир карда шудаанд. Доираҳои аватар дорои нишондиҳандаи хурди самти курсор мебошанд - як мотиви визуалӣ, ки таъсири мутақобилаи вақти воқеиро нишон медиҳад. Композитсияи асосӣ коллажи матн ва 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 · Шрифти serif барои сарлавҳаҳо ва унвонҳо — танҳо барои H1/H2 дар се андоза истифода мешавад; вазни шрифт дар ҳама миқёсҳо дар 400 (муқаррарӣ) боқӣ мемонад, интихоби хос: шрифти serif пичиррос мезанад, на мисли шрифти ғафс фарёд мезанад.
- Sohne — ивазкунӣ: Inter · контурҳо 400, 430, 450, 480, 500 · Шрифтҳои асосӣ, интерфейс ва навигатсия гуногунҷабҳа буда, ҳама чизро аз метамаълумот то зерсарлавҳаҳо фаро мегиранд; вазнҳои нимқадам (430, 450, 480) иерархияи нозукро бидуни гузаштан ба ғафс эҷод мекунанд.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 8px |
| Радиуси тугма | 9999px |
| Радиуси корт | 24px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 80px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Steep месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Newformcap — Рӯзномаи таҳририя дар утоқи либоспӯшӣ
- Claude — Артифакте, ки дар пергаменти гарм чоп шудааст — ранг дар коғази устухонӣ, гил ҳамчун ягона нафаси ранг
- 11x– Digital workers — Биёбони синамоии таҳрирӣ — аксҳои панорамии манзара дар муқобили сарлавҳаҳои бузурги сериф, ки мисли маҷаллаи боҳашамат навишта шудаанд.
- Revolut — Асари таҳририи якранг, ки бар асоси акси абрҳо сохта шудааст - ранги сафед, тугмаҳои қуттии дору, як рахи кабуди ранга дар ҷаҳони хокистарранг.
- Scheduling — Ранги таҳрирӣ дар коғази қаймоқӣ
- Titan — бойгонии монохромии гарм
- Programa — Студияи тарроҳии Швейтсария нисфирӯзӣ. Девори галереяи сафедро як чароғи мизи зард равшан мекунад - ҳама чиз то он даме, ки тугма, нишона ё лаҳҷа чашмро ба худ ҷалб кунад, ранги хокистарӣ дорад ва сипас он лаҳҷаи зард тамоми ҳуҷраро муайян мекунад.
- Sana Agents — Дурахши оҳак дар заминаи сафед дар мақолаи таҳрирӣ
- Visual — Самиздат бо матни гарми таҳрирӣ. Коғази қаймоқранг, плакатҳои серифӣ, маргиналҳои якранг, як маркери зард.
- Midday — Брошураи таҳрирӣ дар бораи пергамент - сарлавҳаи serif бо андозаи 72 пиксел дар заминаи санги гарм, нусхаи асосии sans-serif бо фосила, идоракунии шакли ҳаб, бе сояҳо
- Chat for impact — Клиникаи сабзи ҷангал бо утоқҳои ранги пастелӣ
- Handhold — Пергаменти гарм дар зери серифҳои базӯр шунидашаванда — паҳншавии таҳрирӣ, дастӣ бе садои хроматикии оро додашуда, ки дар он беҳтарин шрифти серифи 200-нуқтаӣ тамоми овозро интиқол медиҳад.