Nudge.ai

Visual Design Guide

To view our complete brand style guide, click below

View Full Brand Style Guide

Color Palette

Primary Colors
Nudge Blue

HEX: #2563EB

RGB: 37, 99, 235

Nudge Blue Black

HEX: #0F172A

RGB: 15, 23, 42

Nudge White

HEX: #F1F5F9

RGB: 241, 245, 249

Secondary Colors
Nudge Grey

HEX: #64748B

RGB: 100, 116, 139

Nudge Slate

HEX: #CBD5E1

RGB: 203, 213, 225

Nudge Green

HEX: #10B981

RGB: 16, 185, 129

Nudge Yellow

HEX: #F59E0B

RGB: 245, 158, 11

Nudge Red

HEX: #EF4444

RGB: 239, 68, 68

Nudge Blue represents trust and connection, forming the core identity of the platform. Dark tones improve readability, while light neutrals create a clean interface. Accent colors are used to guide user attention and highlight key interactions.

Logos

Main Logo
Download PNG
Secondary Logo
Download PNG

Typography

Download All Fonts
Type Scaling
Type Scaling for Our App
Size
Line Height
Tracking
H1
Swiss 721 Bold Ext.
32 px
38 px
-1%
H2
Swiss 721 Bold
24 px
30 px
-3%
H3
Swiss 721 Medium
20 px
26 px
-1%
H4
Swiss 721 Medium
18 px
24 px
-1%
Body Large
Swiss 721 Regular
16 px
22 px
0%
Body
Swiss 721 Regular
14 px
20 px
0%
Caption
Swiss 721 Regular
12 px
16 px
0%
Weights
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789° (!"#$%&?@)
Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789° (!"#$%&?@)
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789° (!"#$%&?@)
Bold Extended
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789° (!"#$%&?@)
New Media Institute

Make something work. Then, make it work better.

All rights reserved UGA New Media Institute.