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 — Мәрмәрге сиямен басылған редакциялық мақала. Ақ мәрмәр кенеп, тығыз қысылған қара сериф тақырыптары, жоғарғы жағында жалғыз күлгін баннер – билік ретінде ұстамдылық.