ui-design-guidelines

name	ui-design-guidelines
description	Corporate design guidelines. Use whenever you generate UI-related content that influences the visual design of a product, such as color schemes, typography, layout, and overall aesthetics.

Color Tokens

Suggested tokens; adapt to the framework as needed.

:root {
  --n3-ink: #111827;
  --n3-charcoal: #1f2933;
  --n3-navy: #0f2f4a;
  --n3-blue: #006fb7;
  --n3-blue-dark: #00538a;
  --n3-blue-soft: #e6f2fa;
  --n3-steel: #607080;
  --n3-line: #d8dee6;
  --n3-surface: #ffffff;
  --n3-surface-muted: #f3f6f8;
  --n3-surface-cool: #eef3f6;
  --n3-success: #16784c;
  --n3-warning: #b26a00;
  --n3-danger: #b42318;
}