KINO.
— Design Pattern Index / Public Site

公式サイト / 4 つのデザインパターン

W concept 系の韓国ファッションブランドサイトを参照に、KINO の世界観を 4 つの方向性で展開。
各パターンをクリックして比較してください。

Pattern A

ナチュラル・大型ロゴ系

Reference / CITTA.
GROWING

巨大ブランドロゴ + フルブリード写真 + 半透明大型タイポを重ねる構造。ナチュラルで上品、エディトリアル感。グレー基調で落ち着いたトーン。

巨大ロゴ 半透明重ね グレートーン スタイルグリッド
View Pattern A →
Pattern B

モノクロコラージュ系

Reference / MARGESHERWOOD
K I N O

細字大文字ロゴ・letter-spacing 極端に広い・切り抜き写真コラージュ・タグ風ラベル多用。エッジィなファッションエディトリアル感。

細字大文字 コラージュ モノクロ タグ風ラベル
View Pattern B →
Pattern C

ストリート・動画系

Reference / DIAGONAL
KINO.
2026 SS / 'GROWING'

フルブリード鮮やかなビジュアル(深緑×墨)+ 巨大白抜きタイポ + 動画プレイヤー要素 + 3 枚並列写真グリッド。ストリート感・大胆な色使い。

深緑×墨 動画プレイヤー 3枚並列 大型キャッチ
View Pattern C →
— Pattern A / FULL MULTI-PAGE SITE

完成版:MIN NANO // POLICY 公式サイト + 採用サイト

みんなの株式会社 / 学芸大学

Pattern A をベースに、公式サイト 8 ページ + 採用サイト 7 ページの完全な多ページ構成を実装。 実店舗写真(DSC_92xx シリーズ)+ Hot Pepper Beauty スタイリスト 12 名の実写真を使用。 すべての KINO 機能(AI スタイリスト診断・店内サイネージ・スタッフ別口コミ抽出・採用 Pulse)を視覚的に反映。

公式 8 ページ 採用 7 ページ HPB 連携 実写真 KINO 全機能
Salon Top → AI 診断 → 採用サイト →
Pattern D

雑誌コラボ系

Reference / W ISSUE × AMUSE
K ISSUE
2026
SPRING

鮮やか単色背景(淡いミント)+ 雑誌特集ページ的レイアウト + タブナビ + インタビュー記事構造 + 「KINO × Your Salon」のコラボ風。

単色背景 タブナビ インタビュー コラボ風
View Pattern D →