Neudash Design System

This is the interactive testbed for validating our typography, color tokens, and core components.

Typography

Display / Headings (Momo Trust Display)

Heading 1: Build the future of business

Heading 2: Automate your workflows

Heading 3: Seamless integrations

Heading 4: Real-time sync

Body / Sans (Momo Trust Sans)

Lead Paragraph (text-lg): Neudash is the definitive platform for small businesses seeking to automate their internal processes. Stop doing manual data entry and start focusing on growth.

Standard Body (text-base): By leveraging advanced language models and deterministic workflows, our system can read your emails, update your CRM, and notify your team in Slack, all without human intervention.

Small Body (text-sm): Terms and conditions apply. Please consult our documentation for detailed integration steps.

Color Palette

primary

50
100
200
300
400
500
600
700
800
900
950

secondary

50
100
200
300
400
500
600
700
800
900
950

tertiary

50
100
200
300
400
500
600
700
800
900
950

success

50
100
200
300
400
500
600
700
800
900
950

warning

50
100
200
300
400
500
600
700
800
900
950

error

50
100
200
300
400
500
600
700
800
900
950

surface

50
100
200
300
400
500
600
700
800
900
950

Components: Buttons

Primary

Secondary

Tertiary

Success

Warning

Error

Surface

Base Button Component

Primary actions

Semantic actions

Universal Action Buttons

Base actions

Semantic actions

Context labels

Icon only

Action Menus

Group actions

Chips

Presets

Matter case key

CASE-G3PGA7AV CASE-G3PGA7AV

Document request statuses

Waiting on client Pending review Changes requested Complete

File review statuses

Accepted Rejected

Segmented Filters

Milestone state

Milestone state

Selected: all

Search Field

Value: empty

Workspace Switcher

Matter practice selector

Current: Eastgate Migration

Shared Operational Primitives

Notices

Surface notice for neutral operational context.
Success notice for completed changes.
Warning notice for pending or constrained actions.

Selectable cards

Role selection example

Textarea field

Paginated Table

Less than 10 records

Aisha Khan

Principal applicant

Waiting on client

Updated Today

Ben Walker

Sponsor

Pending review

Updated Apr 28

Carla Nguyen

Migration agent

Complete

Updated Apr 27

Diego Santos

Family member

Changes requested

Updated Apr 26

Evelyn Hart

Employer contact

Waiting on client

Updated Apr 25

Farah Ali

Principal applicant

Pending review

Updated Apr 24

Grace Miller

Sponsor

Complete

Updated Apr 23

50 records, cursor-backed

Request cursor: initial

Aisha Khan 1

Principal applicant

Waiting on client

Updated Today

Ben Walker 1

Sponsor

Pending review

Updated Apr 29

Carla Nguyen 1

Migration agent

Complete

Updated Apr 28

Diego Santos 1

Family member

Changes requested

Updated Apr 27

Evelyn Hart 1

Employer contact

Waiting on client

Updated Apr 26

Farah Ali 1

Principal applicant

Pending review

Updated Apr 25

Grace Miller 1

Sponsor

Complete

Updated Apr 24

Hugo Costa 1

Migration agent

Changes requested

Updated Apr 23

Irene Novak 1

Family member

Waiting on client

Updated Apr 22

Jamal Reed 1

Employer contact

Pending review

Updated Apr 21

1-10 of 50

Loading next cursor

Aisha Khan 2

Principal applicant

Complete

Updated Apr 20

Ben Walker 2

Sponsor

Changes requested

Updated Apr 19

Carla Nguyen 2

Migration agent

Waiting on client

Updated Apr 18

Diego Santos 2

Family member

Pending review

Updated Apr 17

Evelyn Hart 2

Employer contact

Complete

Updated Apr 16

Farah Ali 2

Principal applicant

Changes requested

Updated Apr 15

Grace Miller 2

Sponsor

Waiting on client

Updated Apr 14

Hugo Costa 2

Migration agent

Pending review

Updated Apr 13

Irene Novak 2

Family member

Complete

Updated Apr 12

Jamal Reed 2

Employer contact

Changes requested

Updated Apr 11

11-20 of 50

Components: Cards

Standard Card

Perfect for showcasing features, pricing tiers, or small pieces of content.

Highlighted Card

Use this variation to draw attention to a specific feature or a recommended plan.

Section Surfaces

Default surface

Use for forms, tables, list shells, and bounded page sections.

The shared surface radius is 8px.

Muted surface

Use for quieter secondary sections inside dense workflows.

Controls inside still use the base 4px radius.

Components: Form Elements

Components: Chat Primitives

AI

Hello! I've analyzed your CRM data. I found 12 leads that haven't been contacted this week.

ME

Draft an email to all 12 of them offering a 10% discount.

Branding & Logos

Standard

by by by by

Inverse

by by by by