Superpower
Биолюминесцент сәламәтлек белән идарә итү үзәге
Суперкөч кинематографик, атмосфералы кулланучы интерфейсында җитди клиник вәгъдәләрне гәүдәләндерә: караңгы, тулы киңлекле фотосурәтләр ак эчтәлек өслекләренә җиңел күчә, ә система буенча бер якты кояш чыгу кызгылт сары төсмере пульсацияләнә. Типография брендны чагылдыра - минималь тискәре хәрефләр аралыгы белән герометрик сан-сериф, метамәгълүматлар өчен 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 — Мәрмәргә кара белән төшерелгән баш мәкалә. Ак мәрмәр киндер, тыгыз кысылган кара сериф язмалары, өстән бер генә шәмәхә төстәге баннер - тыюлык хакимият буларак.