THREE DESIGN LANGUAGES

緊張、透明感、記憶から生まれるUI

Nullv-UIは判断を強くし、SkyBlueCampusは情報を軽やかに見せ、MemoriATMは迷わず押せる安心感をつくります。 それぞれの思想を、色、形、余白、状態変化まで一貫して体験へ向けます。

デザインを見る 比較表へ

OVERVIEW

用途が違うから、手触りも違う

3つのデザイン言語は、同じUIでも目指す体験が明確に分かれています。

NULLV-UI

構造化された緊張感で、情報を判断させる

黒い背景、オレンジと赤の高コントラスト、可視グリッド、90度の角、ステップ式の点滅で構成する技術UIです。 SF的な雰囲気を飾りで足すのではなく、監視、検知、判断のための緊張感を構造として設計します。

  • 主要色は Background Black `#0D0D0D`、Nullv Orange `#FF6600`、Warning Red `#CC0000`。
  • 角丸、影、なめらかなフェードを抑え、境界線、グリッド、面の重なりで表現します。
  • 状態変化は即時切替。警告、受信、検知などは0.1秒単位の硬い点滅で示します。
NULLV CORE RECEIVING

VECTOR LOCK

03.218

SKY BLUE CAMPUS

透明な知性で、情報量を軽く見せる

白と淡い空色を基調に、ガラス調パネル、柔らかな境界線、感情を持ったデータ表現を組み合わせるデザイン言語です。 学術、分析、コミュニケーション系の画面で、情報を詰め込みながらも落ち着いて読める状態を作ります。

  • 主要色は Sky Accent `#5CB8FF`、Academic Navy `#2D5F9A`、Trust Mint `#57D8B7`。
  • カードは半透明、角丸は大きめ、影は軽く、余白は詰めすぎません。
  • 数値、タグ、ゲージに色の意味を持たせ、情報量が多くても読みやすくします。
Insight Score 92.47
Confidence High
Signal Clear
推奨 信頼性 高 更新済み

MEMORI ATM

ノスタルジーな実用性で、迷わず押せる端末にする

1990年代後半から2000年代初頭の銀行端末を思わせる、4:3画面、LCD色、物理キー、丁寧な案内文を軸にしたデザイン言語です。 懐かしさを雰囲気で終わらせず、「見れば分かる」「押せば進む」実用的な取引フローに変換します。

  • 主要色は LCD Base `#DDE4CB`、Terminal Blue `#1D5B9E`、Deep Ink `#18324A`。
  • ボタンは大きな矩形キー。選択時は即時反転し、現在の操作対象をはっきり見せます。
  • 丁寧な文言、段階的な確認、取消の明確化で、端末操作の不安を減らします。
MemoriATM STEP 01

ご希望のお取引を
お選びください

TOKENS

色と形を比較する

各デザイン言語の使い分けが一目で分かるよう、主要トークンを並べています。

Nullv-UI

90度角、ソリッドな線、影なし、硬いステップ点滅。

SkyBlueCampus

半透明パネル、淡い境界、14から24px程度の大きめ角丸。

MemoriATM

4:3画面、太めの矩形ボタン、DotGothic16、即時反転。

COMPARISON

採用判断の早見表

Design
向いている画面
視覚の性格
インタラクション
Nullv-UI
SF端末、監視、検知、アラート、技術ログ
構造化された緊張感。黒、グリッド、オレンジ、赤、硬い矩形。
ステップ点滅、即時切替、グローなしの高コントラスト。
SkyBlueCampus
分析、教育、会話、ステータス、ダッシュボード
透明な知性。淡い空色、ガラス調、柔らかな情報密度。
軽い浮き上がり、選択ハイライト、感情を持つ指標。
MemoriATM
取引フロー、確認画面、入力端末、レトロ業務UI
ノスタルジーな実用性。LCD、物理キー、丁寧な案内。
即時反転、段階的な処理表示、明確な取消導線。