Steep
Жылуу кагаздагы Serif шрифттерин талдоо
Steep аналитиканы редакциялык мазмун катары көрсөтөт — дээрлик монохромдуу ак полотнонун үстүндө Signifier serif аталыштары калкып жүрөт, ал эми бир жылуу шабдалы акценти (#fbe1d1) башкача ахроматикалык системаны баса белгилейт. Барак продукт журналынын бетиндей окулат: чоң, курсивдүү шрифт, кеңири текст мейкиндиги, жумшак 24px радиусу бар чоң карталар жана бети менен бирдей таблетка сымал башкаруу элементтери. Компоненттер тынч жана салмаксыз сезилет — көлөкөлөр байкалбайт, чек аралар жука жана түс функционалдык басым үчүн колдонулат (шабдалы түстүү белги, шабдалы фондо кочкул күрөң тамгалар). Продукциянын беттери (аймактык таблицалар, активдештирүү диаграммалары, AI куруучулары) башкаруу панелинин кабыгына жайгаштырылгандын ордуна, аталыштын айланасында калкып жүрүүчү элементтер катары көрсөтүлөт.
Барактын макетинин максималдуу туурасы 1200 пикселди түзөт, борборлоштурулган, негизги бөлүмдөр барактын дээрлик бүт туурасын ээлейт, бирок контейнердин ичинде калат. Негизги макетте чоң сериф шрифти, кошумча аталыш жана эки таблетка баскычы бар борборлоштурулган баш бармак бар, алар ар кандай жылыштарда ак полотнонун үстүнө жабышкан төрт калкып жүрүүчү продукт сүрөттөмөсүнүн карталары (аймак столдун үстүнкү сол жагында, каттоо картасы оң жагында, активдештирүү диаграммасынын сол жагында, AI редакторунун астыңкы борборунда) менен курчалган. Бөлүмдөр Paper White жана Card Mist фондорунун ортосунда кезектешип, күчтүү контрастсыз тынч ритмди түзөт. Функциялык бөлүмдөрдө чоң 80 пикселдик вертикалдуу науалары бар тексттин жана UIдин эки тилкелүү макети колдонулат. Навигация - бул сол жагында логотип, ортосунда навигация шилтемелери жана оң жагында эки аракетке чакыруу (текст шилтемеси + толтурулган таблетка баскычы) бар бир тунук үстүнкү тилке (фон, чек ара же көлөкө жок). Жалпы макеттин тыгыздыгы кенен - барак бөлүмдөрдүн ортосунда "дем алат" жана мазмун эч качан четтерин толтурбайт.
Визуалдык дизайн жашоо образына эмес, продуктуга багытталган: калкып жүрүүчү UI элементтери (беш катарлуу маалыматтары бар аймактык таблицалар, август-ноябрь айларындагы активацияларды көрсөткөн сызык диаграммалары, радиалдык прогресс шакекчелери, AI киргизүү талаалары) редакциялык аталыштардын айланасында кесилген скриншоттор катары жайгаштырылган. Сүрөттөр, иллюстрациялар же абстракттуу графика жок. Бардык визуалдык продукт элементтери ичке чек аралары жана жумшак көлөкөлүүлөрү бар ак калкып жүрүүчү карталарга жайгаштырылган. Аватар тегерекчелеринде кичинекей курсордун багыттоочу индикатору бар — реалдуу убакыттагы өз ара аракеттенүүнү билдирген визуалдык мотив. Негизги композиция - бул фондулук сүрөтү бар борборлоштурулган аталыш эмес, тексттин жана 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 пиксель өлчөмүндөгү serif аталышы, аралыктары бар sans-serif тексти, таблетка сымал башкаруу элементтери, көлөкөсүз
- Chat for impact — Пастел түстөгү бөлмөлөрү бар токой жашыл клиникасы
- Handhold — Араң угулган серифтердин астындагы жылуу пергамент — хроматикалык ызы-чуусуз колго орнотулган редакциялык жайма, мында эң жакшы 200 пункттуу сериф шрифти бүт үндү жеткирет.