Interface

Nothinger Design System

Colors

Nothinger color palette and usage examples

Light Theme Colors

Pure White

#FFFFFF

Almost White

#FAFAFA

Very Light Gray

#F5F5F5

Light Gray

#E5E5E5

Medium Light Gray

#D4D4D4

Medium Gray

#A3A3A3

Medium Dark Gray

#737373

Dark Gray

#525252

Darker Gray

#404040

Very Dark Gray

#262626

Extremely Dark Gray

#171717

Near Black

#0A0A0A

Dark Theme Colors

Pure Black

#000000

Dark Gray

#525252

Extremely Dark Gray

#171717

Very Dark Gray

#262626

Dark Gray

#373737

Dark Gray

#525252

Medium Gray

#8A8A8A

Medium Gray

#A3A3A3

Medium Light Gray

#D4D4D4

Light Gray

#E5E5E5

Very Light Gray

#F5F5F5

Almost White

#FAFAFA

Buttons

Button components with different variants and sizes

Variants

Sizes

The buttons have multiple sizes and synchronous oval corners : xs (12px), md (16px), 2xl (20px)

States

Different variants with loading state:

With Icons