Hyer Aviation
Змрок у кабіне пілота над пергаментам. Бледнае світальнае неба сустракаецца з лагатыпам з засечкамі памерам з фюзеляж, а адзін цёплы гліняны акцэнт парушае манахромную стрыманасць.
Дызайн Hyer Aviation нагадвае рэкламны матэрыял пра раскошныя вандроўкі: бледна-блакітны галоўны элемент з вялікім самалётам парыць над яркім белым палатном, дапоўненым амаль чорным шрыфтам, настолькі цяжкім, што здаецца, быццам ён адліты з металу. Каляровая палітра наўмысна аскетычная - адзін цёплы тэракотавы акцэнт вылучае манахромную сістэму, з'яўляючыся толькі на картках з рашэннямі, у той час як астатняя частка інтэрфейсу выканана ў цёмных чарнілах і пергаменце. Друкарня - самы яркі голас брэнда: адзіны шрыфт на 187px і 131px з вельмі вузкай міжлітарнай адлегласцю дамінуе ў галоўных раздзелах, у той час як асноўны тэкст размяшчаецца на 18px з шчодрай міжрадковай разметкай 1,61 для спакойнага, лёгкага рытму. Кожны інтэрактыўны элемент уяўляе сабой або суцэльную таблетку (радыус 1000px+), або панэль з выразнымі бакамі, ствараючы напружанне паміж мяккімі, прывабнымі кнопкамі і архітэктурнай смеласцю загалоўкаў.
Часткі, якія займаюць усю шырыню старонкі, чаргуюцца паміж светла-блакітным загалоўкам, белымі палосамі кантэнту і цёмнымі паўночнымі секцыямі. Загаловак - адзіная асіметрычная кампазіцыя: тэкставы лагатып выраўнаваны па левым краі ў максімальным маштабе, загаловак у два радкі справа і трохмерны самалёт, які лунае ў ніжняй цэнтральнай негатыўнай прасторы. Раздзелы кантэнту выраўнаваны па правым краі ў адну калонку (загаловак + сетка 2×2) на белым фоне, ствараючы моцную накіраванасць направа. Навігацыя ўяўляе сабой адзін празрысты радок уверсе з трыма тэкставымі спасылкамі і круглай кнопкай меню. Ніжні калантытул - гэта цёмны, які займае ўсю шырыню старонкі, з буйным тэкставым лагатыпам. Вертыкальны рытм задаецца прамежкамі паміж секцыямі 80px без бачных падзельнікаў паміж большасцю палос - іх падзяляе сам каляровы зрух.
У візуальнай мове дамінуюць фатаграфіі і 3D-рэндэрынг, у прыватнасці, адзіны галоўны 3D-рэндэрынг белага прыватнага самалёта з цёмнымі акцэнтнымі палосамі, сфатаграфаванага/рэндэраванага на фоне мяккага градыентнага неба, якое пераходзіць ад бледна-блакітнага ўверсе да цёплага крэмавага на гарызонце. Самалёт паказаны ў позе з нахілам на тры чвэрці, размешчаны злева ад цэнтра, каб пакінуць месца для лагатыпа і загалоўка. Рэндэрынг выкананы ў звышчыстым стылі, як дэманстрацыя прадукта - без кантэксту ладу жыцця, без пасажыраў, без аэрапортаў. Самалёт - галоўны герой. Дадатковыя выявы (пры выкарыстанні ў кантэнтных частках) вынікаюць той жа логіцы кадравання прадукта: буйныя планы, ізаляваныя выявы на чыста белым фоне. Іканаграфія мінімальная і заўсёды заснавана на рысках у #000d10.
Палітра
Брэнд
- Clay Ember
#bc7155— Фон карткі з прапанаваным рашэннем, дэкаратыўная заліванне - адзіны цёплы акцэнт у халоднай сістэме, які выкарыстоўваецца эканомна, каб падкрэсліць, што адна з прапаноў была абрана.
Нейтральныя
- Deep Ink
#000d10— Асноўны тэкст, фон ніжняга калантытула, запоўненыя кнопкі дзеянняў, абводка абразкоў - структурны амаль чорны колер адлюстроўвае ўвесь фірмовы стыль брэнда ў шрыфтах і закліках да дзеяння. - Pure White
#ffffff— Палатно старонкі, паверхні картак, тэкст кнопак на цёмным фоне навігацыі - ціхае поле, на якім чытаецца ўсё астатняе. - Cool Ash
#8e8e95— Другарадны асноўны тэкст, элементы навігацыі, невыразныя дапаможныя пазнакі - адзіны нейтральны элемент, які наўмысна адыходзіць на другі план у параўнанні з асноўным тэкстам. - Pebble
#d5d3d4— Тонкія межы, падзельнікі, ледзь прыкметнае чаргаванне цёмных участкаў - бачныя толькі па краях. - Midnight Hull
#0f0f1c— Фон цёмных участкаў (зона падтрымкі паездак) - трохі сіняе, чым у Deep Ink, каб вылучыць накладзеныя сябар на сябра цёмныя палосы. - Charcoal Deck
#151623— Прыўзнятыя цёмныя панэлі і глыбокі фон - верхняя частка цёмнай паверхні з ледзь прыкметным індыгавым адценнем.
Друкарня
ад 17 да 187px · 9 прыступак
- HelveticaNowDisplay — замена: Neue Haas Grotesk Display · напісання 400, 700 · Адзіны шрыфт ва ўсёй сістэме. Асноўны, з таўшчынёй 700, міжрадковым інтэрвалам 187px і міжлітарным інтэрвалам -0.02em: ён устанаўлівае маштаб, блізкі да архітэктурнага, ператвараючы загалоўкі ў фізічныя аб'екты. Для ўсяго асноўнага тэксту выкарыстоўваецца шрыфт таўшчынёй 400, міжрадковым інтэрвалам 18px і міжрадковым інтэрвалам 1,61, ствараючы самы прасторны тэкставы блок у сістэме шрыфтоў.
- sans-serif — замена: Inter · напісання 700 · sans-serif - выяўлены ў вынятых дадзеных, але не апісаны ІІ.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 16px |
| Радыус кнопак | 1000px |
| Радыус картак | 12px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 80px |
| Шырыня старонкі | 1200px |
ІІ збярэ ваш сайт у стылі Hyer Aviation і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- monopo saigon — Вадкае пераліўнае ззянне за рэдакцыйнай цішынёй - манахромная рэдакцыйная галерэя, парылая на расплаўленым святле
- OFF+BRAND. — Пераліўная сфера на цёплым пергаменце
- Seed — жывы арганізм пад лабараторным шклом
- Eindhoven Design District — Рэдакцыйны бруталізм на белай паперы - маніфест муніцыпальнага дызайну, выкананы буйным шрыфтам, з мінімальнай колькасцю фатаграфій і абсалютнай стрыманасцю
- Subframe — Графічны чарцёж на цёплым пергаменце. Дызайнерская папера, дзе кожны рыска - гэта або графіт, або гумка, ніколі не фарба - глыбіня дасягаецца за кошт таўшчыні ліній і рэдкіх засечак
- Miranda — Класічны шырокафарматны шрыфт на светла-крэмавым фоне - рэдакцыйны артыкул газеты для лічбавай эпохі.
- Monocle — Якасная шырокафарматная газета на крэмавай паперы. Рэдакцыя, старанна падабраная па ўсіх параметрах, дзе кожная калонка заслугоўвае свайго месца, а на старонцы прысутнічае толькі адзін колер, які мае значэнне
- Agencja brandingowa — Рэдакцыйная галерэя ў белых танах з друкаркай, выкананай чорнымі чарніламі
- Websmith Studio — Ранішняе святло на крэмавай паперы
- Aspelin Reitan — Архітэктурны архіў пры свечках — старонка выглядае як партфоліё пабудаваных месцаў, прымацаванае да сцяны цёплага крэмавага колеру, з адным радком белага тэксту, які лунае над кожнай выявай ва ўсю шырыню старонкі
- Public — Манахромны рэдакцыйны артыкул на халодным мармуры - амаль манахромнае палатно, шрыфт з засечкамі таўшчынёй 300, адзін фіялетавы акцэнт, які выконвае ўсю каляровую працу
- Motto — Друкарскі маналіт на паперы - адзіны ўпэўнены голас, які заяўляе пра сябе на беласнежнай паперы.