Superpower

Биолюминесцентный центр управления здравоохранением

Superpower облекает серьезное клиническое обещание в кинематографический, атмосферный пользовательский интерфейс: темные фотографии, занимающие всю ширину экрана, плавно переходят в четкие белые поверхности контента, а один яркий акцент оранжевого цвета восхода солнца пульсирует по всей системе. Типографика представляет бренд — фирменный геометрический шрифт без засечек с минимальным отрицательным межбуквенным расстоянием, масштабируемый от 11px метаданных до 66px отображения с межстрочным расстоянием, которое сжимается по мере увеличения размера (1,00 на дисплее, 1,40–1,50 в основном тексте). Плавающая темная панель навигации в форме капсулы парит над изображениями, а призывы к действию в форме капсул создают напряжение между клинической точностью и теплой жизненной энергией. Поверхности в основном плоские — система полагается на большое количество белого пространства, тонкие цинковые разделители и один едва заметный узор теней, а не на сильное возвышение. Цвета дозированы: почти все черные, белые или цинково-серые, а оранжевый появляется только в качестве функциональных знаков препинания в действиях и фирменных знаках.

На главном изображении доминирует кинематографическая фотография во всю ширину страницы — силуэт человека на фоне глубокого бирюзово-синего неба; изображение намеренно темное и мрачное, чтобы создать эмоциональный вес и контрастировать с обещанием о пользе для здоровья. Второстепенные изображения представляют собой узкие, лаконичные кадры в стиле продуктов (мраморная оранжевая членская карта, скриншоты приложения), а не лайфстайл-фотографии. Никаких иллюстраций, никаких 3D-рендеров, никакой абстрактной графики — фотографический контраст и есть визуальная идентичность. Членская карта украшена органическим мраморным узором/лавовой лампой в тонах «Восход солнца» — это единственный декоративный визуальный элемент. Иконки выполнены в виде линий с радиусом 7.5px (мягкий скругленный квадрат), с использованием тонких штрихов черного цвета Carbon.

Высокий контраст Минимализм

https://superpower.com

Палитра

Бренд

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-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

Superpower

Палитра

Типографика

Интервалы и форма

ИИ соберёт ваш сайт в стиле Superpower и наполнит его

Похожие стили