---
title: "パレット"
description: "ニブルのすべての色は、ブランドロゴに含まれる蓮の印から直接描かれています。"
---

import Swatch from '../../../../components/Swatch.astro';

## ブランドの花びら

ローソトマークから取り上げられた、他のすべてが回る2つの色。

<Swatch token="--nibiru-iris"        hex="#7c70ab" name="Iris"        usage="プライマリーブランドの紫 — ラトスの内側の花びら。アクセント、リンク、フォーカスリング、ヘアラインに使用されます。" />
<Swatch token="--nibiru-iris-deep"   hex="#5e548c" name="Iris Deep"   usage="強調テキストやアクティブな状態のためのより深い紫です。" />
<Swatch token="--nibiru-iris-soft"   hex="#b6adcd" name="Iris Soft"   usage="背景や装飾品に使用する薄い紫です。" />
<Swatch token="--nibiru-skyfall"     hex="#7db7dc" name="Skyfall"     usage="ブランドの空色 — ラトスの外側の花びら。クールなアクセント、ダークモードのリンクに使用されます。" />
<Swatch token="--nibiru-skyfall-deep" hex="#4a8fb7" name="Skyfall Deep" usage="リンクの強調やフォーカスに使用されます。" />
<Swatch token="--nibiru-skyfall-soft" hex="#c2dcec" name="Skyfall Soft" usage="薄い青の表面の色を付けます。" />

## ページ

システムには**純粋な白**がありません。

<Swatch token="--nibiru-paper"          hex="#f5f1e8" name="Paper"          usage="ページ。デザインの主な色。" />
<Swatch token="--nibiru-mist"           hex="#faf7f0" name="Mist"           usage="少し明るい紙 — 高出力表面（カード、パネル）." />
<Swatch token="--nibiru-lavender"       hex="#ece6f3" name="Lavender"       usage="紫のささやきを伴う表面の色調 — サイドバー、コールアウト。" />
<Swatch token="--nibiru-lavender-deep"  hex="#ddd3eb" name="Lavender Deep"  usage="スプラッシュページの大規模な背景数字。" />

## テキスト

<Swatch token="--nibiru-ink"        hex="#1f1b2e" name="インク"        usage="本文テキスト。深いインジゴブラック、決して純粋な黒ではない。" />
<Swatch token="--nibiru-ink-soft"   hex="#4a4258" name="インク ソフト"   usage="リードパラグラフ、セカンドARYテキスト。" />
<Swatch token="--nibiru-ink-faint"  hex="#847b94" name="インク フェイント"  usage="キャプション、表のラベル、無効状態。" />

## 適度なアクセント

三色が**稀に**使用される — 各々は1つの役割でしか現れず、その価値を獲得している。

<Swatch token="--nibiru-aurum"  hex="#c9a96e" name="Aurum"   usage="金箔 — 最も高い強調。スプラッシュヒーローの「Impress」の下線に使用します。画面ごとに1回のみ使用してください。" />
<Swatch token="--nibiru-rose"   hex="#d68a8a" name="Rose"    usage="単一の危険通知。危険な呼び出し枠の境界に使用されます。" />
<Swatch token="--nibiru-moss"   hex="#94a96e" name="Moss"    usage="単一の成功 / 有効な通知。ステータスインジケーターに予約されています。" />

## ダークモード

ユーザーがダークモードを切り替えると、システムはトワイライトパレットに変更しますが、花びらの色は変わりません。

<Swatch token="--nibiru-dark-bg"      hex="#181428" name="Twilight"     usage="ダークモードのページ背景。" />
<Swatch token="--nibiru-dark-surface" hex="#1f1933" name="Aubergine"    usage="カードやパネル用のダークモードの表面。" />

## しないでください

- ポループルグラデーションは白に使わない。このシステムは明確にそのAIの雑な美を拒否している。
- 純粋な黒や純粋な白を使わない。インクとペーパーを使うこと。
- 金を薄くしない。オルムは他のアクセントと一緒に使われてはならない。画面ごとに最大1つの金の葉の瞬間だけ。
- 新しいアクセントを導入しない。パレットは意図的に小さめにしている。
