Superpower
Биолюминесценттик ден соолукту башкаруу борбору
Superpower кинематографиялык, атмосфералык колдонуучу интерфейсинде олуттуу клиникалык убаданы камтыйт: караңгы, толук көлөмдөгү сүрөттөр ачык ак мазмун беттерине кемчиликсиз өтөт, ал эми система боюнча бир гана жандуу күн чыгышынын кызгылт сары түсү импульс берет. Типография брендди билдирет — минималдуу терс тамга аралыктары бар кол тамга геометриялык sans-serif, метадайындар үчүн 11 пикселден дисплей үчүн 66 пикселге чейин масштабдалат, сап аралыктары өлчөмү чоңойгон сайын кысылат (дисплей үчүн 1.00, негизги көчүрмө үчүн 1.40–1.50). Калкып жүрүүчү, караңгы, капсула формасындагы навигация тилкеси сүрөттөрдүн үстүндө калкып жүрөт жана капсула формасындагы чакырыктар клиникалык тактык менен жылуу, маанилүү энергиянын ортосундагы чыңалууну жаратат. Беттер көбүнчө жалпак — система күчтүү көтөрүлүүнүн ордуна көп ак мейкиндикке, назик цинк бөлгүчтөргө жана бир гана назик көлөкө үлгүсүнө таянат. Түстөр сейрек колдонулат: дээрлик баары кара, ак же цинк боз, кызгылт сары түс аракеттер жана брендингде функционалдык тыныш белгилери катары гана көрүнөт.
Негизги сүрөттө толук көлөмдөгү кинематографиялык сүрөт басымдуулук кылат — адамдын силуэти терең көгүш-көк асмандын фонунда; сүрөт атайылап караңгы жана маанайлуу тартылган, бул ден соолукка байланыштуу убада менен эмоционалдык салмак жана контраст жаратат. Экинчилик сүрөттөр жашоо образынын сүрөттөрүнө караганда кууш, иретсиз продукт стилиндеги сүрөттөр (мраморлуу кызгылт сары мүчөлүк картасы, колдонмонун скриншоттору). Иллюстрациялар, 3D рендерлер, абстракттуу графика жок — фотографиялык контраст визуалдык иденттүүлүк болуп саналат. Мүчөлүк картасы органикалык мрамор оюму/лава лампасы менен Sunrise түстөрүндө кооздолгон — бул жалгыз декоративдик визуалдык элемент. Иконалар кара көмүртектин назик штрихтери менен 7,5 пиксель сызык радиусуна (жумшак тегеректелген квадраттар) ээ.
Түстөр палитрасы
Бренд
- Sunrise Coral
#fc5f2b— Кызгылт сары түс декоративдик деталдарды жана сейрек кездешүүчү белгилерди баса белгилөө үчүн кошумча акцент катары колдонулат. Аны аракетке чакыруу үчүн негизги түс катары колдонууга болбойт. - Coral Glow
#ff8b64— Мүчөлүк карталарын кооздоо үчүн градиенттин учу Sunrise Coral түсү менен айкалышкан.
Нейтралдуу
- Carbon Black
#18181b— Негизги текст, калкып жүрүүчү навигация тилкесинин толтурулушу, аталыштар, сөлөкөттүн контуру. - Pure Black
#000000— Логотип, тексттик белги, терең контрасттуу рамкалар - Zinc Gray
#71717a— Негизги текст, кошумча сүрөттөмөлөр, жашыруун метадайындар, көмөкчү текст. - Ash Gray
#a1a1aa— Үчүнчү деңгээлдеги текст, активдүү эмес чек аралар, өчүрүлгөн абалдар - Mist Gray
#e4e4e7— Майда четтери бар сызыктар, карталардын контурлары, бөлүүчү сызыктар, баскычтардын алкактары. - Fog Gray
#f4f4f5— Беттин майда-чүйдө тегизсиздиктери, үнсүз фон, сүрөт торчо негиздин үстүнө жайгаштырылган.
Типография
11ден 66 пикселге чейин · 8 кадам
- NB International Pro — алмаштыруу: Inter Tight · контурлар 400, 700 · Баары — дизайн, аталыштар, негизги текст, колдонуучу интерфейси жана навигация — кемчиликсиз интеграцияланган. Кол тамга чечими агрессивдүү түрдө тар терс тамга аралыгы болуп саналат, ал өлчөмгө жараша масштабдалышы мүмкүн (кичинекей негизги текст үчүн -0.025emден 66pxке чейин), ал эми сап аралыгы өлчөмү чоңойгон сайын кысылып, аталыштарга Superpowerди медициналык технология жаатындагы жеңил атаандаштарынан айырмалап турган монолиттүү, плакат сымал тыгыздыкты берет.
- NB International Mono Pro — алмаштыруу: JetBrains Mono · контурлар 400 · Таблицалык метадайындар, микротексттик аннотациялар, техникалык белгилер клиникалык/аспаптык мамилени талап кылган кырдаалдарда сейрек колдонулат.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 11px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 15px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 75px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Superpower стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Visitors — ак инженердик чийме
- Dock — Күн нурунан жасалган крем кагаз, кобальт импульсу
- Flying Papers — Ишемби күнү эртең мененки мультфильмдеги моюнга алуу
- Quizlet — Класс ак фондо ар кандай түстөр менен кооздолгон - тынч парта, анын артында төрт пастел түстөгү открытка муздак боз дубалдардын жана индиго маркери менен жасалган жалгыз белгинин фонунда жалгыз жаркыраган акцент болуп саналат.
- ON.energy — Түнкү болоттон жасалган сары жогорку чыңалуу эскертүүчү белги
- Navigate — Тактага чапталган чоң стикерлер топтому: чоң гротеск шрифти, баары планшет түрүндө жана логотип сыяктуу кайталанган беш түстүү сөлөкөт
- Linear — түн ортосу тактыктагы аспап
- Pop Site — Таң калыштуу типографиялык галерея – ак дубалдарда калкып жүргөн, бир көк чекит ниетти билдирген монументалдуу кара аталыштар
- Hyperstudio — Дизайн обсидиан түсүнө чийилген. Текст жана майда сызыктар таза кара түстөгү ак мейкиндикти курчап турат, ал эми кээде жолду көрсөткөн алтын түстүү компас белгилери бар.
- Pa'lais — Балга чылангандай ботаникалык эскиз китеби. Каймак түстүү кагаз, көк түстөгү toile de Jouy сызык иллюстрациялары жана жылуу түстөгү поп-аяктар колго жасалган рецепт китебин эске салса, коюу, кыскартылган шрифт жана көп боштук ага заманбап, редакциялык маанай тартуулайт.
- Raus — Каймак кагазга жазылган жайлуу күндөлүк — ар бир барагы токойдон келген открытка сыяктуу.
- Privy — Мраморго сыя менен басылган редакциялык макала. Ак мрамор кездеме, кара сериф түстүү катуу басылган аталыштар, үстүндө кочкул кызыл түстөгү жалгыз баннер — бийликтин белгиси катары чектөө.