
Superpower
Център за биолуминесцентно управление на здравето
Superpower въплъщава сериозно клинично обещание в кинематографичен, атмосферен потребителски интерфейс: тъмни, пълноразмерни фотографии плавно преминават в свежи бели повърхности със съдържание, докато един ярък акцент в оранжев цвят пулсира в цялата система. Типографията представлява марката - характерен геометричен шрифт без серифи с минимално отрицателно разстояние между буквите, мащабиращ се от 11px за метаданни до 66px за показване, с разстояние между редовете, което се компресира с увеличаване на размера (1.00 за показване, 1.40–1.50 за основен текст). Плаваща, тъмна навигационна лента с форма на капсула се намира над изображенията, а призивите за действие с форма на капсула създават напрежение между клиничната прецизност и топлата, жизнена енергия. Повърхностите са до голяма степен плоски - системата разчита на много бяло пространство, фини цинкови разделители и един-единствен, фин модел на сянка, а не на силно издигане. Цветовете се използват пестеливо: почти всичко е черно, бяло или цинково сиво, като оранжевото се появява само като функционални препинателни знаци в действията и брандирането.
Основното изображение е доминирано от кинематографична фотография в цял ръст – силует на човек на фона на наситено тюркоазеносиньо небе; изображението е умишлено тъмно и мрачно, за да създаде емоционална тежест и да контрастира с обещанието за здраве. Вторичните изображения са тесни, изчистени снимки в продуктов стил (мраморната оранжева карта за членство, скрийншотове от приложението), а не лайфстайл фотография. Няма илюстрации, 3D рендери, абстрактни графики – фотографският контраст е визуалната идентичност. Картата за членство е украсена с органичен мраморен мотив/лава лампа в тонове на изгрева – единственият декоративен визуален елемент. Иконите са с линеен радиус 7,5px (меки заоблени квадрати) с фини щрихи от черен въглерод.
Палитра
Марка
- 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 до 66px · 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.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Visitors — бял инженерен чертеж
- Dock — Слънчева кремообразна хартия, кобалтов пулс
- Flying Papers — Изповед в съботна сутрин (карикатура)
- Quizlet — Класната стая е декорирана в разнообразни цветове на бял фон - тихо бюро, зад което четири пастелни карти са единственият ярък акцент на фона на хладни сиви стени и една-единствена маркировка, направена с индиго маркер.
- ON.energy — Жълт предупредителен знак за високо напрежение върху полунощна стомана
- Navigate — Голям набор от стикери, прикрепени към дъска: голям гротескен шрифт, всички под формата на таблети и пет многоцветни икони, повтарящи се като лого
- Linear — инструмент за прецизност в полунощ
- Pop Site — Сурова типографска галерия – монументални черни заглавия, носещи се по бели стени, с една-единствена синя точка, изразяваща намерение
- Hyperstudio — Дизайнът е гравиран върху обсидиан. Текст и фини линии ограждат бяла площ от чисто черно, с от време на време златни знаци на компас, указващи пътя.
- Pa'lais — Ботанически скицник, сякаш напоен с мед. Кремавата хартия, илюстрациите в синия стил „toile de Jouy“ и топлите цветни акценти напомнят за ръчно изработена книга с рецепти, докато смелият, сбит шрифт и изобилието от бяло пространство му придават модерно, редакционно усещане.
- Raus — Уютен дневник, написан на кремава хартия — всяка страница е като пощенска картичка от гората.
- Privy — Уводна статия, нарисувана с мастило върху мрамор. Бяло мраморно платно, плътно притиснати черни серифни заглавия, един-единствен лилав банер, пресичащ горната част – сдържаност като авторитет.