厳選・オープン・無料

Opencode

開発者向けのモノクローム・デザインシステムの代表的な例として、タイポグラフィ(モノスペース)を主な表現要素として使用している点に注目する価値があります。

Developer Tools CLI AI Terminal Clean
Opencode のスクリーンショット

オリジナル: https://opencode.ai

OpenDesign で開く

デザイン DNA

視覚言語

白、黒、グレーによる厳格なモノクローム・パレットは、技術的な精密さと集中力を強調します。

レイアウト構造

余白をたっぷりと確保した、単一の中央揃えカラム・レイアウトは、異なるコンテンツ区画を明確に分離します。

インタラクション形態

ミニマルな hover ステートと即座のレスポンスは、機能的で CLI ファーストの哲学に合致します。

モーション規則

微かでほとんど気づかれないようなトランジションは、高速で邪魔にならない感覚を維持します。

en · zh-CN · zh-TW · ja · ko