Phantom

パレット

ブランド

• Midnight Violet #3c315b
• Lavender Whisper #e2dffe
• Ghost Lilac #ab9ff2

中性

• Cornflower Pop #4a87f2
• Cream Glow #ffffc4
• Blush Mist #ffdadc
• Emerald Mint #2ec08b
• Cloud Canvas #fdfcfe
• Charcoal Ink #1c1c1c

タイポグラフィ

13～80ピクセル・7ステップ

• Phantom — 交換： Inter (weight 350/400) or Satoshi for closest geometry; avoid system-ui which lacks the custom curves · 概要 350, 400

音程と形式

類似のスタイル

• Studio — 動くギャラリーの壁。それぞれのスクリーンは、静かで灰色の展示面を表しており、そこではタイポグラフィ素材と重なり合うクリエイティブな作品が、人々の注目を集めようと競い合っている。
• Mollie — カシミヤのカウンター、濃い色の帳簿。黒いテキストの周りには編集デザインのための十分な余白を残し、温かみのあるクリーム色やエスプレッソブラウン、実際の支払い方法の触覚的な写真を使って、製品関連のポイントを強調する。
• Basis Theory — デザインスタジオに設置された決済端末。白いテクニカルペーパー、重なり合う半透明のトランザクションレイヤー、そして単一のターコイズブルーの操作要素が、視覚的な方向性を決定づけている。
• CleanShot X — 青い照明で照らされたデスクトップを備えたスタジオ。コンパクトな黒いテキストの周りに落ち着いた白い空間を作り、鮮やかな青色のコントロールパネルと重ね合わせたMac製品の画像が主役となるように配置します。
• Modern Treasury — 方眼紙に書かれた財務台帳。静かで白い作業シートのようなページを作成し、そこにキャッシュフローを細い線、ラベル付きのノード、そして正確で隠されたコントロールで表示します。
• Basha-Franklin — 白いまぐさの下にギャラリーグリッドを配置します。温かみのある#f4ede6の色調、控えめな黒の構造、そして印刷された建築ポートフォリオのような写真に基づいた非対称の柱を使用します。
• Bajgart Office — 編集ギャラリーの壁面。控えめなセリフ体フォントやポートフォリオの断片が、クロムメッキのようなインターフェース要素よりも視覚的に強い印象を与える、広い白いスペースを活用しましょう。
• Heptabase — 陽光が差し込むデスク。温かみのある紙のような質感の表面、チャコールグレーのコントロールパネル、そして研究用の浮遊窓が、ソフトウェアの操作パネルというよりも、整理されたワークスペースという印象を与える。
• Bejamas — パジャマ――黒いガラスを通して見える酸性ライムグリーン。落ち着いた淡いグレーの編集ページを、ぼやけた緑色の光の筋が表面を横切る魅惑的な黒いパネルで区切る。
• Baba — 赤い太陽光をイメージしたケアノート。人物写真を感情的な中心として用い、白、ピンク、クリーム色の親密な情報面を囲むように、幅広の赤い物語性のあるストライプを配置する。
• Grafana Labs — サンライズ信号所の制御室。静かで落ち着いたグレーと白を基調とした作業空間に、幅広の4色グラデーションの水平線と、精緻な青色のインターフェース信号が組み合わされている。
• Kagi — 独立した読書室。大胆な鉛筆の文字を中心に、広々とした白い空間を作り出し、さりげない紫のアクセントと温かみのあるパステルカラーの表面を用いることで、静寂に変化をつける。

カテゴリー別スタイルカタログ