Ungaga Brand Guide

Simple guidance for using the Ungaga Nexus visual system: colors, gradients, and UI examples.

Primary (Emerald/Teal)

P0#ecfdf5
P1#d1fae5
P2#a7f3d0
P3#6ee7b7
P4#34d399
P5#10b981
P6#059669
P7#047857
P8#065f46
P9#064e3b

Accent (Amber)

A0#fffbeb
A1#fef3c7
A2#fde68a
A3#fcd34d
A4#fbbf24
A5#f59e0b
A6#d97706
A7#b45309
A8#92400e
A9#78350f

Neutrals (Warm)

N0#ffffff
N1#fafaf9
N2#f5f5f4
N3#e7e5e4
N4#d6d3d1
N5#a8a29e
N6#78716c
N7#57534e
N8#44403c
N9#1c1917

Gradients

Buttons

Usage Notes

  • Use Primary for actions and navigation highlights; Accent for emphasis or status badges.
  • Prefer warm neutrals for surfaces to keep the brand distinct from default grey UIs.
  • Gradients should be subtle; avoid more than two strong gradients within a single viewport.