Monad
рэдакцыйны тэхнічны часопіс на цёплым пергаменце
Monad адлюстроўвае ўвесь свой інтэрфейс на цёплым пергаментным палатне (#f6f3f1), што адразу адрознівае яго ад тыповага шаблону SaaS, выкананага ў чыста белым колеры. Загалоўкі маюць рэдакцыйную вагу і набраныя шрыфтам Untitled Serif таўшчынёй 400 – ніколі не тоўстым, – у той час як увесь асноўны тэкст, рух і элементы карыстацкага інтэрфейсу набраныя шрыфтам ABC Diatype Mono, што надае сайту тэкстуру тэхнічнага кіраўніцтва, набранага для літаратурнага часопіса. Адзіны яркі сіні колер (Lake) - адзіны храматычны акцэнт для асноўных дзеянняў; усё астатняе выканана ў цёплай шэрай гаме, таму паверхня карткі колеру барвінку (#cfdaf5) і мяккія пастэльныя градыентныя пераходы (каралавы, нябесны, мятны, залаты) успрымаюцца хутчэй як наўмысная пунктуацыя, чым як шум. Кампаненты абапіраюцца на тонкія межы і кантэйнеры для таблетак, а не на цені, а рытм застаецца спакойным і прасторным дзякуючы водступам у выглядзе картак і вялікай вертыкальнай прасторы паміж часткамі.
Візуальны мова заснаваны на распрацаванай дыяграме канвеера дадзеных: вузлы ў форме таблетак, абведзеныя тонкімі выгнутымі лініямі, з невялікімі значкамі ўнутры кожнага вузла, якія прадстаўляюць крыніцы дадзеных (любая крыніца, хмарныя часопісы, уразлівасці) і месцы прызначэння (SIEM, хмарнае сховішча, возера дадзеных). Дыяграма выкарыстоўвае мяккае зялёнае радыяльнае свячэнне ў цэнтры, каб падкрэсліць нармалізацыю дадзеных. Градыентныя атмасферныя адценні (каралавы → сіні Sky, сіні Sky → мятны) з моцнымі фільтрамі размыцця ствараюць мяккія каляровыя арэолы за асноўным і функцыянальным кантэнтам. Лагатыпы партнёраў адлюстроўваюцца ў адным шэрагу, падкрэсліваючы сацыяльны эфект. На картцы «Пераўтварэнні дадзеных у працэсе перадачы» прадстаўлена вялікая градыентная ілюстрацыя з напаўпразрыстымі геаметрычнымі фігурамі, якія перакрываюцца. Фатаграфіі не выкарыстоўваюцца - брэнд перадае інфармацыю выключна з дапамогай друкаркі, дыяграмы і каляровых рашэнняў.
Палітра
Брэнд
- Parchment
#f6f3f1— Палатно старонкі і вялікая частка залівання паверхні - гэтае цёплае, крэмавае адценне з'яўляецца фірмовым колерам брэнда, адразу які адрознівае сайт ад шаблонаў SaaS-сэрвісаў, выкананых у чыста белым колеры. - Lake Blue
#2b59d1— Фіялетавае адценне выкарыстоўваецца для вылучэння фону, дэкаратыўных палос і мяккага акцэнту за кантэнтам. Не варта выкарыстоўваць яго ў якасці асноўнага колеру для закліку да дзеяння.
Нейтральныя
- Off-Black
#242424— Высокакантраснае нейтральнае заліванне для асноўных кнопак на светлых паверхнях. - Periwinkle Mist
#cfdaf5— Прыглушаны інтэрфейс для адключаных элементаў кіравання, панэляў з нізкім узроўнем акцэнту і блокаў-запаўняльнікаў. - Sky Blue
#a0b5eb— Дэкаратыўны градыентны прыпынак - з'яўляецца ў атмасферных заліваннях і лініях струменя на схеме трубаправода, ніколі не выкарыстоўваецца ў якасці залівання карыстацкага інтэрфейсу. - Mint
#a7fccd— Дапаможная каляровая палітра для невялікіх дэкаратыўных акцэнтаў, калі асноўнай каляровай палітры неабходны кантраст. - Coral
#ff9473— Дапаможная каляровая палітра для невялікіх дэкаратыўных акцэнтаў, калі асноўнай каляровай палітры неабходны кантраст. - Gold
#ecda98— Дэкаратыўная градыентная кропка - цёплы акцэнт у градыентных пераходах, ніколі не выкарыстоўваецца ў функцыянальным карыстацкім інтэрфейсе.
Друкарня
ад 12 да 80px · 10 прыступак
- ABC Diatype Mono — замена: JetBrains Mono · напісання 400, 500 · Асноўны тэкст, рух, кнопкі, значкі, тэгі і ЎСЕ радкі карыстацкага інтэрфейсу. Манашырынны шрыфт ва ўсіх функцыянальных элементах надае інтэрфейсу характар тэхнічнага кіраўніцтва – асноўны тэкст памерам 16-20px успрымаецца як дадзеныя, а не як маркетынгавая інфармацыя. У надпісах навігацыі і значках выкарыстоўваецца шрыфт 18px з больш дакладным міжлітарным інтэрвалам; дробны шрыфт і метатэкст выкарыстоўваюць шрыфт 12px з загалоўнымі літарамі. 500-ы памер шрыфта зарэзерваваны для выдзеленых элементаў карыстацкага інтэрфейсу.
- Untitled Serif — замена: Times New Roman · напісання 400 · Толькі для загалоўкаў і падзагалоўкаў - выкарыстоўваецца ў 80px (галоўны тэкст), 48px (раздзел), 40px і 32px (падраздзелы), 24px (загалоўкі картак з апісаннем). Таўшчыня шрыфта зафіксавана на ўзроўні 400 для ўсіх памераў; натуральны кантраст шрыфта з засечкамі і міжлітарны інтэрвал -0.02em забяспечваюць асноўную нагрузку замест тоўстага шрыфта. Гэта фірмовы стыль рэдакцыі: загалоўкі шэпчуць дзякуючы друкарскай вытанчанасці, а не крычаць дзякуючы таўшчыні.
- Untitled Sans — замена: Inter · напісання 400 · Шрыфт Untitled Sans - знойдзены ў вынятых дадзеных, але не апісаны ІІ.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 16px |
| Радыус кнопак | 100px |
| Радыус картак | 40px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 64px |
| Шырыня старонкі | 1432px |
ІІ збярэ ваш сайт у стылі Monad і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- ElevenLabs — Фотарэпартаж у цёплых крэмавых танах з ненадакучлівымі загалоўкамі. Нататнік у стылі Баухаус - папера колеру яечнай шкарлупіны, чорныя чарнілы, адзін фіялетавы і аранжавы акцэнт для дэманстрацыі прадукту
- Awesomic — Рэдакцыйная цынкавая сетка з аранжавымі знакамі прыпынку, якія нагадваюць канфеці
- Dub — матавая панэль кіравання Link на рысавай паперы
- Seline Analytics — Ціхі аналітычны стол на цёплай паперы
- Notion — Цёплы папяровы блакнот пад паўдзённым сонцам
- Anthropic — Навуковы палявы часопіс на цёплым пергаменце - спакойныя паверхні колеру слановай косткі, рэдакцыйныя загалоўкі з засечкамі і адзіны гліняны акцэнт, які з'яўляецца толькі тады, калі трэба дзейнічаць
- Calendly — Цёмна-сінія чарнілы на халодным мармуры
- Augen Pro — Прэзентацыя Apple на белым фоне - клінічны, бязважкі, электрычны сіні як адзіны акцэнт у манахромнай прасторы
- Antimetal — Рэдакцыйная хроніка на крэмавай паперы - ціхая раніца ў навуковым часопісе, дзе стрыманасць сведчыць аб упэўненасці, а засечкі выконваюць асноўную працу
- Perk — Электрычны лайм на цёплай пергаментнай паперы
- Ditto — Залітая сонцам майстэрня па стварэнні ўзораў палявых кветак. Цёплыя крэмавыя паверхні, яркі жоўты асноўны колер, глыбокія цёмна-сінія чарнілы, арганічныя каляровыя формы, якія квітнеюць за вырабам.
- Officevibe — Рэдакцыйны часопіс на паперы цёплага крэмавага колеру. Уявіце сабе ўдумлівае эсэ па кіраванні персаналам, аформленае ў выглядзе прадукта - курсіўны шрыфт з засечкамі, нібы шэпчучы скрозь сучасны сіні інтэрфейс