ServiceNow· Enterpriseservicenow.com

Enterprise

ServiceNow

Now Design System — enterprise workflow platform rendered in signature forest green and deep navy, ServiceNow Sans custom typeface, 8px spatial grid, and a purposeful tiered elevation system that keeps complex SaaS density readable.

Color Palette27 tokens

background#ffffff

surface#f0f4f4

surface-dark#032d42

ink#293e40

ink-secondary#617074

on-background#293e40

on-surface#293e40

on-dark#ffffff

primary#62d84e

primary-dark#3dba2b

primary-tint#e8f9e5

on-primary#032d42

link#0066cc

link-hover#004f9e

navy#032d42

navy-mid#0a4a6e

navy-light#e8f0f7

focus-ring#005fcc

text-hover#1a2f31

success#2e7d32

warning#e65100

error#c62828

info#0066cc

border#c5d0d1

border-subtle#e4eaeb

shadow-soft#c8d4d5

shadow-medium#b5c5c7

Buttons

TypographyGoogle Font

Source Sans 3brand uses ServiceNow Sans

display-hero

The quick brown fox

56px · 300 · -0.5px

display

The quick brown fox

44px · 300 · -0.25px

heading-section

The quick brown fox

32px · 500 · 0px

heading-sub

The quick brown fox

24px · 500 · 0px

heading-card

The quick brown fox

20px · 700 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

ServiceNow

Now Design System — enterprise workflow platform rendered in signature forest green and deep navy, ServiceNow Sans custo…

Enterprise

none

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

ServiceNow

Now Design System — enterprise workflow platform rendered in signature forest green and deep navy, ServiceNow Sans custom typeface, 8px spatial grid, and a purposeful tie…

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeEnterpriseServiceNow

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to ServiceNow.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// ServiceNow tokens
export const theme = {
  primary: "#62d84e",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

ServiceNow's visual language is enterprise design operating at maximum intentionality. The Now Design System governs one of the world's most complex SaaS platforms — ITSM, HRSD, CS…

ServiceNow · Enterprise

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Snowflake97%

shared styles: Dark, Minimal, Cool · same category: Enterprise

Cisco94%

shared styles: Dark, Minimal, Cool · same category: Enterprise

Workday94%

shared styles: Dark, Minimal, Cool · same category: Enterprise

Databricks86%

shared styles: Dark, Minimal, Bold · same category: Enterprise

CrowdStrike86%

shared styles: Dark, Minimal, Bold · same category: Enterprise

Twilio84%

shared styles: Dark, Minimal, Bold · same category: Enterprise