COLOR / TOKENS
暗い空間に、明確なアクセント。
落ち着いた背景と可読性の高い文字を基調に、操作や情報の種類を色で識別します。
BGINKLIMECYANALERT
HIKAPROJ / DESIGN SYSTEM / 03
Web Platform v3
Webサイト、ツール、コンテンツを横断して使う、Hikaprojの共通デザインシステム。
ONE SYSTEM / MANY EXPERIENCES
用途を限定しない、
一貫したWeb体験。
情報サイト、アプリ、ツール、記事など、異なるコンテンツに共通の視覚言語と操作ルールを提供します。個々のページの目的に合わせて構成を選びながら、Hikaprojらしい体験を保ちます。
デザインパーツを見る AI向けツール雛形を見るSYSTEM STATUSV3.0
01
共通の視覚言語COLOR / TYPE / MOTION
+02
用途に応じた構成WEB / APP / CONTENT
+03
アクセシブルな操作RESPONSIVE / INCLUSIVE
+DESIGNED TO ADAPTJP / 2026
FOUNDATION / 01
デザインの基礎
TYPE / HIERARCHY
情報の優先度を、文字で伝える。
DISPLAY / 800見出しの階層
BODY / 400
本文は長く読めるサイズと行間で、情報を明瞭に伝えます。
MONO / 400
STATUS / 03LAYOUT / RESPONSIVE
画面に合わせて、構成を変える。
余白とグリッドを柔軟に変化させ、モバイルから大画面まで一貫した使いやすさを保ちます。
FLUID SPACEADAPTIVE GRID320px+
APPLICATION / 02
ひとつのシステム、多様な用途。
Webサイト
トップページ、記事、プロフィールなどの情報設計。
アプリケーション
操作・入力・結果表示を含むインタラクティブな画面。
コンテンツ・その他
一覧、データ表示、告知などの用途に合わせた表現。