Platform Services / Zindigo Design System

Enterprise Design System & Experience Foundation

ZDS defines the visual language, layout principles, interaction standards, and AI-first workspace model every Zindigo Product Cloud must follow.

Platform Home

AI Experience Standard

Users should understand the page before they inspect the data.

Every workspace begins with location, role context, what requires attention, estimated work, and the next best action. Dense operational details move behind progressive disclosure.

1 urgent item1 primary action3 clicks or less

Design Tokens

Foundation

Primary

#1f5eff

Primary actions, focus, selected navigation

Neutral

#0f172a

Executive text, headers, high-confidence surfaces

Success

#047857

Healthy state and completed work

Warning

#b45309

Review state and upcoming risk

Error

#b91c1c

Critical state and blocked work

AI

#5b21b6

AI recommendations and summaries

Typography Guide

Hierarchy

Executive heading

Used once per page for product/workspace identity.

Workspace heading

Used for AI summary and page-level decisions.

Section heading

Used for panels, grouped work, and details.

Metadata label

Used for status, owner, role, and system evidence.

warning

Action Required

3

Clickable KPI tile with a clear state and destination.

success

Healthy

97%

Success state used only when it helps decision-making.

ai

AI Confidence

92%

AI state uses violet and must include explanation.

error

Critical

1

Error state reserved for blocked or urgent work.

Component Library

Reusable
SuccessWarningErrorInformationAINeutral

No work requires attention

Empty states should calm the user and explain why nothing is shown. They should provide an optional next action only when useful.

Return Home

Timeline & Activity

Evidence

AI summary generated

The workspace summarized urgent items, approvals, and estimated work.

Zindigo AI / now

Primary action selected

The user moved directly into work requiring attention.

User journey / three-click test

Details opened on demand

Advanced evidence remained available without overwhelming the landing page.

Progressive disclosure

Experience Rules

ZXI
Every page starts with an AI summary.
Every workspace has one obvious primary action.
Dense tables are details, never the first experience.
Color communicates state, not decoration.
Motion communicates feedback, not personality.
Role context changes what work is emphasized.