Steep
Җылы кәгазьдәге Serif шрифтларын анализлау
Steep аналитиканы редакция эчтәлеге буларак тәкъдим итә — монохром ак полотно өстендә сигнал бирүче сериф башлыклары йөзеп йөри, ә бер җылы шабдалы акценты (#fbe1d1) башкача ахроматик системаны ассызыклый. Бит продукт журналы кебек укыла: зур, курсив шрифт, киң текст урыны, йомшак 24 пиксель радиусы булган зур карточкалар һәм өслек белән тигезләнгән таблетка формасындагы идарә элементлары. Компонентлар тыныч һәм авырлыксыз тоела — күләгәләр нечкә, чикләр нечкә, һәм төс функциональ басым өчен кулланыла (шабдалы төсендәге искәрмәләр, шабдалы фонда куе көрән хәрефләр). Продукт өслекләре (төбәк таблицалары, активлаштыру схемалары, ясалма интеллект төзүчеләре) панель тышчасына урнаштырылмаган, ә башлык тирәсендә йөзүче элементлар буларак күрсәтелә.
Бит макетының максималь киңлеге 1200 пиксель, үзәктә урнашкан, төп бүлекләр битнең бөтен киңлеген диярлек били, ләкин контейнер эчендә кала. Төп макетта зур сериф шрифты, өстәмә башлык һәм ике "pl" төймәсе булган үзәктә урнашкан башлык, алар дүрт йөзүче продукт тасвирламасы картасы белән әйләндереп алынган (төбәк өстәлнең өске сул ягында, теркәлү картасы уңда, активлаштыру схемасы сулда, AI редакторы аскы үзәктә), алар төрле офсетларда ак полотно белән каплана. Бүлекләр "Paper White" һәм "Card Mist" фоннары арасында чиратлашып тора, көчле контрастсыз тыныч ритм тудыра. Функция бүлекләрендә текст һәм UIның ике баганалы макеты кулланыла, аларда зур 80 пиксель вертикаль суүткәргечләр бар. Навигация - сулда логотип, үзәктә навигация сылтамалары һәм уңда ике чакыру (текст сылтамасы + тутырылган "pl" төймәсе) булган бер үтә күренмәле өске такта (фон, чик яки күләгә юк). Гомуми макет тыгызлыгы киң - бит бүлекләр арасында "сулыш ала", һәм эчтәлек беркайчан да кырыйларны тутырмый.
Визуаль дизайн яшәү рәвешенә түгел, ә продуктка юнәлтелгән: йөзүче 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 · Башлыклар һәм исемнәр өчен сериф шрифты — өч зурлыкта 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 пунктлы сериф шрифты бөтен тавышны җиткерә.