Superpower
Центар за управување со биолуминисцентно здравје
Супермоќта отелотворува сериозно клиничко ветување во кинематографски, атмосферски кориснички интерфејс: темните фотографии со целосна ширина беспрекорно се преминуваат во остри бели површини на содржината, додека еден живописен портокалов акцент во облик на изгрејсонце пулсира низ целиот систем. Типографијата го претставува брендот - препознатлив геометриски sans-serif со минимален растојание од негативни букви, скалирање од 11px за метаподатоци до 66px за приказ, со растојание меѓу линиите што се компресира како што се зголемува големината (1,00 за приказ, 1,40–1,50 за текстот). Лебдечка, темна лента за навигација во облик на капсула лебди над сликите, а повиците за акција во облик на капсула создаваат тензија помеѓу клиничката прецизност и топлата, витална енергија. Површините се во голема мера рамни - системот се потпира на многу бел простор, суптилни цинкови разделувачи и еден суптилен шаблон на сенка, наместо силно издигнување. Боите се користат штедливо: скоро сè е црно, бело или цинково сиво, при што портокаловата боја се појавува само како функционални интерпункциски знаци во дејствата и брендирањето.
Главната слика е доминирана од кинематографски фотографија со целосна ширина - силуета на личност наспроти длабоко тиркизно-сино небо; сликата е намерно темна и мрачна за да создаде емоционална тежина и контраст со ветувањето за здравје. Секундарните слики се тесни, уредни снимки во стилот на производот (мермерна портокалова членска картичка, снимки од екранот од апликацијата), наместо фотографии од животен стил. Нема илустрации, нема 3Д рендери, нема апстрактна графика - фотографскиот контраст е визуелниот идентитет. Членската картичка е украсена со органски мермерен дезен/лава ламба во тонови на Sunrise - единствениот декоративен визуелен елемент. Иконите се линиски радиус од 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 — Ботаничка скицна, како да е натопена во мед. Крем хартијата, сините илустрации со линијата „тоал де Жуи“ и топлите допири на бои потсетуваат на рачно изработена книга со рецепти, додека смелиот, кондензиран фонт и многуте бели простори ѝ даваат модерен, уреднички изглед.
- Raus — Удобен дневник напишан на кремаста хартија - секоја страница е како разгледница од шумата.
- Privy — Уреднички текст работен со мастило на мермер. Бело мермерно платно, цврсто притиснати црни серифски наслови, едно виолетово знаме што се протега по врвот - воздржаноста како авторитет.