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

Surface & Card Colors

Surface token scale

surface-50 bg-surface-50
surface-100 bg-surface-100
surface-200 bg-surface-200
surface-300 bg-surface-300
surface-400 bg-surface-400
surface-500 bg-surface-500
surface-600 bg-surface-600
surface-700 bg-surface-700
surface-800 bg-surface-800
surface-900 bg-surface-900
surface-950 bg-surface-950

Approved card recipes

Default card

Forms, tables, bounded workflow sections.

card preset-outlined-surface-200-800 bg-surface-50-950

Muted card

Secondary sections inside a larger surface.

card preset-outlined-surface-200-800 bg-surface-100 dark:bg-surface-900

Inset card

Quiet grouped content, notes, empty rows.

card preset-tonal-surface

Inverse card

Rare high-contrast preview panels.

card bg-surface-950 text-surface-50 dark:bg-surface-100 dark:text-surface-950

Page Grouping & Headers

Workspace

Plain section boundaries, direct headers, and row dividers instead of a rounded enclosing box.

Workspace name

Shown in product headers and workspace lists.

Workspace ID

Use for support and API diagnostics.

01KRD4S4PTX2XZG7G82N6D7M3D

Apps

App state sits in rows with badges and switches. The section owns the grouping, not each row.

Enabled · 2

Matter
Enabled

Manage cases, contacts, document requests, forms, and client portal access.

Automation
Enabled

Build AI workflows that connect email, Slack, and your business apps.

Not on your plan · 1

Insights
Upgrade required

Dashboards across matters, channels, and automation runs.

Danger zone

Use color and copy for the risk. Keep the layout in the same section system.

Compact section

Useful for short lists where a full action row would be too much.

Members

4 active members

Billing

Add-ons enabled

Header with icon

Reserved for pages where the icon adds recognition, not decoration.

Workspace Product Directory

Workspace access

3 workspaces available

Choose a workspace

Open Automation or Matter directly from any workspace with that product enabled.

Westbridge Advisory

Matter enabled

Matter

Components: Buttons

Primary

Secondary

Tertiary

Success

Warning

Error

Surface

Base Button Component

Primary actions

Semantic actions

Loading

Spinner sizes

Inline states

Loading records Syncing

Loading workspace...

Universal Action Buttons

Base actions

Semantic actions

Busy actions

Context labels

Icon only

Action Menus

Group actions

Tooltips

Email needed

Chips

Presets

Matter reference keys

CASE-G3PGA7AV CASE-G3PGA7AV CASE-G3PGA7AV / TASK-1234 CASE-G3PGA7AV / TASK-1234 CASE-G3PGA7AV / ESC-42 ESC-42

Document request statuses

Waiting on client Pending review Changes requested Complete

File review statuses

Accepted Rejected

Filter bar

Status: OpenPriority: High
Sort

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.

Confirmation dialog

Team member label

Selectable cards

Role selection example

Text input

Textarea field

Matter Tasks

Status

Priority

Detail view — neutral fields (.nd-field-label + dot)

Status
Priority
Assignee

Assignee

Avatar picker

Unassigned

Loading

Schedule card (merged + presets)

Schedule

Overdue
Date
Time
Timezone: Australia/Sydney

Reminders

2 reminders

before
before

Standalone due date + reminders

Date
Time
Timezone: Australia/Sydney

Reminders

2 reminders

before
before

Filters and sort

Search: evidenceAri Zahav Migration Principal With A Very Long Display NameHighDue this weekOpen escalations

Matter Task Lists

Workspace queue

CASE-SK-190 / TASK-1234

Resolve the outstanding sponsor evidence mismatch before preparing the final submission packet for lodgement review

Ramos skilled migration
1/3
Jun 10
CASE-SK-190 / TASK-1237

Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team

Ramos skilled migration
2/2 2 escalations
Jun 13, 11:00 AM

Mobile width

CASE-SK-190 / TASK-1234

Resolve the outstanding sponsor evidence mismatch before preparing the final submission packet for lodgement review

Ramos skilled migration
1/3
Jun 10
CASE-SK-190 / TASK-1237

Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team

Ramos skilled migration
2/2 2 escalations
Jun 13, 11:00 AM

Case queue

TASK-1234

Resolve the outstanding sponsor evidence mismatch before preparing the final submission packet for lodgement review

1/3
Jun 10
TASK-1237

Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team

2/2 2 escalations
Jun 13, 11:00 AM

Escalated task variant

CASE-SK-190 / TASK-1237

Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team

Ramos skilled migration
2/2 2 escalations
Jun 13, 11:00 AM

Kanban by case

Elena Ramos Evidence review 2 tasks

Ready / Waiting

0

In progress

1
CASE-SK-190 / TASK-1234
Jun 10

Resolve the outstanding sponsor evidence mismatch before preparing the final submission packet for lodgement review

Compare the sponsor documents against the case facts and record the decision in the task notes.

Ramos skilled migration
1/3

Escalated

1
CASE-SK-190 / TASK-1237
Jun 13, 11:00 AM

Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team

Two reviewers need to complete assigned escalation work before the request is sent.

Ramos skilled migration
2/2

Done / Cancelled

0
Jamie Morgan Client review 2 tasks

Ready / Waiting

1
CASE-FM-872 / TASK-1235
Jun 11, 4:30 PM

Prepare concise partner evidence checklist for client review

Morgan partner visa

In progress

0

Escalated

0

Done / Cancelled

1
CASE-FM-872 / TASK-1238
Jun 7

Confirm police certificate upload is accepted and mark request complete

Accepted after second review.

Morgan partner visa
Unassigned intake Intake triage 1 task

Ready / Waiting

1
case-no-reference / TASK-1236
No due

Triage intake documents and decide who owns the first client follow-up

Employer sponsorship intake with no reference assigned yet

In progress

0

Escalated

0

Done / Cancelled

0

Loading tasks...

No matching tasks

Adjust filters or create a task.

Task list failed to load.

Matter Escalations And Notes

Escalation status filter

Escalations

2 open · 1 done

CASE-SK-190 / ESC-2 Open Sarah Nguyen Senior Paralegal And Document Review Lead

Review long-form position description before client send

Needs a second review because the duties overlap across two codes.

Review sponsor evidence escalation notes

Requested by Michael Tan · Jun 10, 02:05 AM

CASE-SK-190 / ESC-3 Done Sarah Nguyen Senior Paralegal And Document Review Lead

Check uploaded passport scan quality

The first upload was cropped.

Review sponsor evidence escalation notes

Requested by Michael Tan · Jun 9, 10:00 PM

New scan is readable and matched against the case profile.

New escalation

Task status will be set to Escalated.

Workspace actor required
Assignee
Status

Escalations

2 open · 1 done

CASE-SK-190 / ESC-2 Open Sarah Nguyen Senior Paralegal And Document Review Lead

Review long-form position description before client send

Needs a second review because the duties overlap across two codes.

Review sponsor evidence escalation notes

Requested by Michael Tan · Jun 10, 02:05 AM

CASE-SK-190 / ESC-1 Open Ari Zahav Migration Principal With A Very Long Display Name

Confirm sponsor evidence gap with principal

The bank statements and BAS summary do not reconcile.

Review sponsor evidence escalation notes

Requested by Michael Tan · Jun 10, 01:30 AM

CASE-SK-190 / ESC-3 Done Sarah Nguyen Senior Paralegal And Document Review Lead

Check uploaded passport scan quality

The first upload was cropped.

Review sponsor evidence escalation notes

Requested by Michael Tan · Jun 9, 10:00 PM

New scan is readable and matched against the case profile.

Notes

2 notes

Double-check the role description against the latest ANZSCO guidance before lodgement.

Jun 10, 05:55 AM · edited

Client confirmed the employment dates and uploaded the corrected payslips.

Jun 10, 02:20 AM

Notes

0 notes

No notes

Task notes will appear here.

Activity

9 items

  1. Double-check the role description against the latest ANZSCO guidance before lodgement.

    edited
  2. changed TASK-1237 from Ready to Escalated
    Task Status: Ready -> Escalated
  3. assigned TASK-1237 to Michael Tan
    Task Assignee: Unassigned -> Michael Tan

  4. Client confirmed the employment dates and uploaded the corrected payslips.

  5. Escalation open

    Review long-form position description before client send

    Needs a second review because the duties overlap across two codes.

    Escalated to
    Requested by
  6. Escalation open

    Confirm sponsor evidence gap with principal

    The bank statements and BAS summary do not reconcile.

    Escalated to
    Requested by
  7. Escalation done

    Check uploaded passport scan quality

    The first upload was cropped.

    Escalated to
    Requested by

    New scan is readable and matched against the case profile.

  8. created task CASE-SK-190 / TASK-1237

    Coordinate multiple evidence review escalations before sending the final sponsor document request to the client team · Priority high

  9. Document automation Reminder sent for task Sponsor evidence review.
    Reminder

Timeline

Borderless rail primitive (Timeline + TimelineRow). Each row owns a time column, a tonal icon node, and the connector that bridges to the next node. Tones map to the semantic palette; only richer entries (escalations) add their own callout inside the content slot.

  1. Quinn TesterOne changed status to Escalated.

    Waiting → Escalated
  2. Escalation Resolved

    Client documents incomplete — needs partner review before submission.

  3. Quinn TesterOne updated the checklist — added 3.

  4. Left a note for the reviewing partner.

  5. Task created.

Matter Activity

  1. created task TASK-1235
    Task Prepare concise partner evidence checklist · Priority high · Assigned to Sarah Nguyen
  2. changed TASK-1237 from Ready to Escalated
    Task Status: Ready -> Escalated
  3. assigned TASK-1237 to Michael Tan
    Task Assignee: Unassigned -> Michael Tan
  4. added a note to Task note
    Task note Client confirmed the employment dates and uploaded corrected payslips.
  5. escalated Position description review to Sarah Nguyen
    Escalation Review long-form position description before client send
  6. resolved escalation Check uploaded passport scan quality
    Escalation New scan is readable and matched against the case profile.
  7. updated case CASE-SK-190
    Case
  8. sent request Sponsor financial evidence
    Document request 2 recipients
  9. Elena Ramos uploaded document passport-scan.pdf
    Document 1.7 MB
  10. updated Access Grant
    Access
  11. updated Party
    Party
  12. created contact Elena Ramos.
    Contact
  13. updated Organization
    Organization
  14. Elena Ramos submitted form record Identity details.
    Form
  15. Ari Zahav sent email for CASE-SK-190.
    Email Subject: Sponsor evidence request
  16. Document automation completed operation Evidence classification.
    Automation
  17. Document automation Reminder sent for task Sponsor evidence review.
    Reminder
  18. Document automation An unmapped Matter activity was recorded for CASE-SK-190.
    Activity
Rows
1-18 of 18
Page 1

Mobile width

  1. created task TASK-1235
    Task Prepare concise partner evidence checklist · Priority high · Assigned to Sarah Nguyen
  2. changed TASK-1237 from Ready to Escalated
    Task Status: Ready -> Escalated
  3. assigned TASK-1237 to Michael Tan
    Task Assignee: Unassigned -> Michael Tan
  4. added a note to Task note
    Task note Client confirmed the employment dates and uploaded corrected payslips.
  5. escalated Position description review to Sarah Nguyen
    Escalation Review long-form position description before client send
Rows
1-5 of 5
Page 1

Loading activity...

Rows
0-0 of 0
Page 1

No activity

Matching audit events will appear here.

Rows
0-0 of 0
Page 1

Activity failed to load.

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