Steep
Жылы қағаздағы Serif қаріптерін талдау
Steep аналитиканы редакциялық мазмұн ретінде ұсынады — Signifier serif тақырыптары дерлік монохромды ақ кенептің үстінде қалқып жүреді, ал бір жылы шабдалы екпіні (#fbe1d1) басқаша ахроматикалық жүйені ерекшелейді. Бет өнім журналының беті сияқты оқылады: үлкен, курсивті қаріп, кең мәтін кеңістігі, жұмсақ 24 пиксель радиусы бар үлкен карталар және бетімен бірдей таблетка тәрізді басқару элементтері. Компоненттер тыныш және салмақсыз сезіледі — көлеңкелер нәзік, жиектер жұқа және түс функционалдық екпін үшін қолданылады (шабдалы сызығы, шабдалы фондағы қою қоңыр әріптер). Өнім беттері (аймақ кестелері, белсендіру диаграммалары, жасанды интеллект құрастырушылары) басқару тақтасының қабығына орналастырылғанның орнына тақырыптың айналасында қалқымалы элементтер ретінде ұсынылады.
Бет орналасуының максималды ені 1200 пиксель, ортасында орналасқан, негізгі бөлімдер беттің бүкіл енін алып жатыр, бірақ контейнер ішінде қалады. Негізгі орналасуда үлкен serif қаріпі бар ортасында орналасқан тақырып, ішкі тақырыпша және екі түйме бар, олар ақ кенепті әртүрлі ығысулармен жабатын төрт қалқымалы өнім сипаттамасы картасымен (аймақ үстелінің жоғарғы сол жағында, тіркеу картасы оң жақта, белсендіру диаграммасы төменгі сол жақта, жасанды интеллект редакторы төменгі ортада) қоршалған. Бөлімдер Paper White және Card Mist фондары арасында кезектесіп орналасады, бұл күшті контрастсыз тыныш ырғақ жасайды. Функциялық бөлімдерде үлкен 80 пиксельдік тік науалары бар мәтін мен пайдаланушы интерфейсінің екі бағандық орналасуы қолданылады. Навигация - сол жақта логотипі, ортасында навигация сілтемелері және оң жақта екі әрекетке шақыру (мәтін сілтемесі + толтырылған түйме) бар бір мөлдір жоғарғы жолақ (фон, шекара немесе көлеңке жоқ). Жалпы орналасу тығыздығы кең - бет бөлімдер арасында «дем алады», ал мазмұн ешқашан шеттерінде толып кетпейді.
Визуалды дизайн өмір салтына емес, өнімге бағытталған: қалқымалы интерфейс элементтері (бес жолды деректері бар аймақтық кестелер, тамыз-қараша айларындағы белсендірулерді көрсететін сызықтық диаграммалар, радиалды прогресс сақиналары, жасанды интеллект енгізу өрістері) редакциялық тақырыптардың айналасында кесілген скриншоттар ретінде орналастырылған. Фотосуреттер, иллюстрациялар немесе абстрактілі графика жоқ. Барлық визуалды өнім элементтері жұқа жиектері мен жұмсақ көлеңкелері бар ақ қалқымалы карталарға орналастырылған. Аватар шеңберлерінде кішкентай курсордың бағыт көрсеткіші бар - нақты уақыт режиміндегі өзара әрекеттесуді білдіретін визуалды мотив. Негізгі композиция - қордағы фотосуреті бар орталықтандырылған тақырып емес, мәтін мен интерфейстің коллажы.
Палитра
Бейтарап
- 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 нүктелі сериф қаріпі бүкіл дауысты жеткізеді.