SAP· Enterprisesap.com

Enterprise

SAP

SAP Fiori design language — enterprise clarity through SAP Blue authority, the 72 Brand typeface at medium weight, soft-shadow depth on white canvas, and 8px-base spacing that balances information density with generous breathing room.

Color Palette28 tokens

background#ffffff

surface#f5f6f7

surface-muted#ebf8ff

surface-dark#1a2733

ink#223548

ink-secondary#545454

ink-tertiary#6a7a87

on-primary#ffffff

on-dark#ffffff

primary#0057d2

primary-hover#0040b0

primary-active#003080

primary-container#ebf5ff

primary-border#0057d2

secondary#354a5f

secondary-hover#223548

success#256f3a

success-bg#e8f5ea

warning#e76500

warning-bg#fff3e0

error#bb0000

error-bg#ffebeb

info#0057d2

border#d5dadd

border-subtle#e8ecee

border-focus#0057d2

shadow-soft#b8c2cc

shadow-deep#8494a1

Buttons

TypographyGoogle Font

Noto Sansbrand uses 72 Brand

display-hero

The quick brown fox

64px · 500 · -0.5px

display

The quick brown fox

44px · 500 · -0.25px

heading-section

The quick brown fox

36px · 500 · 0px

heading-sub

The quick brown fox

28px · 500 · 0px

heading-card

The quick brown fox

20px · 500 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

SAP

SAP Fiori design language — enterprise clarity through SAP Blue authority, the 72 Brand typeface at medium weight, soft-…

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

SAP

SAP Fiori design language — enterprise clarity through SAP Blue authority, the 72 Brand typeface at medium weight, soft-shadow depth on white canvas, and 8px-base spacing…

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

HomeEnterpriseSAP

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 SAP.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// SAP tokens
export const theme = {
  primary: "#0057d2",
  radius: "12px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

SAP's web presence is the digital face of the world's largest enterprise software company, and it earns that gravity quietly. The page opens on pure white (), a deliberate statemen…

SAP · Enterprise

Similar systems

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

Filter by this ↗

Salesforce90%

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

Meta Store87%

shared styles: Minimal, Light · same category: Enterprise

Oracle86%

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

Cloudflare80%

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

IBM80%

shared styles: Minimal, Light · same category: Enterprise

Orion (Kagi)75%

shared styles: Minimal, Light, Cool · visual DNA: Light, Colorful, Cool