コンテンツにスキップ
Nibiru docsv0.9.2

パレット

ニブルのすべての色は、ブランドロゴに含まれる蓮の印から直接描かれています。

Stable Reading time ~ 1 min Edit on GitHub

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

Iris --nibiru-iris #7c70ab

プライマリーブランドの紫 — ラトスの内側の花びら。アクセント、リンク、フォーカスリング、ヘアラインに使用されます。

Iris Deep --nibiru-iris-deep #5e548c

強調テキストやアクティブな状態のためのより深い紫です。

Iris Soft --nibiru-iris-soft #b6adcd

背景や装飾品に使用する薄い紫です。

Skyfall --nibiru-skyfall #7db7dc

ブランドの空色 — ラトスの外側の花びら。クールなアクセント、ダークモードのリンクに使用されます。

Skyfall Deep --nibiru-skyfall-deep #4a8fb7

リンクの強調やフォーカスに使用されます。

Skyfall Soft --nibiru-skyfall-soft #c2dcec

薄い青の表面の色を付けます。

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

Paper --nibiru-paper #f5f1e8

ページ。デザインの主な色。

Mist --nibiru-mist #faf7f0

少し明るい紙 — 高出力表面(カード、パネル).

Lavender --nibiru-lavender #ece6f3

紫のささやきを伴う表面の色調 — サイドバー、コールアウト。

Lavender Deep --nibiru-lavender-deep #ddd3eb

スプラッシュページの大規模な背景数字。

インク --nibiru-ink #1f1b2e

本文テキスト。深いインジゴブラック、決して純粋な黒ではない。

インク ソフト --nibiru-ink-soft #4a4258

リードパラグラフ、セカンドARYテキスト。

インク フェイント --nibiru-ink-faint #847b94

キャプション、表のラベル、無効状態。

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

Aurum --nibiru-aurum #c9a96e

金箔 — 最も高い強調。スプラッシュヒーローの「Impress」の下線に使用します。画面ごとに1回のみ使用してください。

Rose --nibiru-rose #d68a8a

単一の危険通知。危険な呼び出し枠の境界に使用されます。

Moss --nibiru-moss #94a96e

単一の成功 / 有効な通知。ステータスインジケーターに予約されています。

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

Twilight --nibiru-dark-bg #181428

ダークモードのページ背景。

Aubergine --nibiru-dark-surface #1f1933

カードやパネル用のダークモードの表面。

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