Телеграм, WhatsApp+380637610482
Валери Данюк
Валери ДанюкразработчикРазработване на инструменти с изкуствен интелект за бизнеса. Висококачествени. Достъпни.Пишете ни в Telegram
Superpower — предварителен преглед на сайт в този стил

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 — Уводна статия, нарисувана с мастило върху мрамор. Бяло мраморно платно, плътно притиснати черни серифни заглавия, един-единствен лилав банер, пресичащ горната част – сдържаност като авторитет.