Trustori Nexus

Trustori Nexus

The unified design language and component library for Trustori Enterprise interfaces.

Color System

Primary Blue

Neutral Slate

Accent Orange

Accessibility & Inclusion

Accessibility is not a feature; it's a requirement. We design for everyone, ensuring our platform is perceivable, operable, and robust for all users.

Color Contrast

Primary Button AAA 7.12
Card Background AA 4.5+

Focus States

Interactive elements must have clearly visible focus indicators for keyboard navigation.

Typography

Hanken Grotesk / Inter
Display H1

Trusted Custodian

The primary typeface is Hanken Grotesk. It conveys modernism, clarity, and trust. Use it for impactful headlines.

Type Scale

Responsive Grid

Fluid Container / 12-Column System
< 768px

Mobile

4 Column Grid

768px - 1280px

Tablet

8 Column Grid

1280px +

Desktop

12 Column Grid

Spacing Scale

1
4px
2
8px
4
16px
6
24px
8
32px

Iconography

24px Grid / 2px Stroke

Feather Icons / Outline Style

Sizes

16px (sm)
20px (md)
24px (lg)
32px (xl)

Buttons & Interactions

Primary Actions

Main call-to-actions. Used for the most critical step a user takes.

Secondary & States

Alternative actions and stateful feedback.

Inputs & Forms

Please enter a valid email address.

Feedback & Modals

Confirm Deletion

Warning

This action cannot be undone. This will permanently delete the selected project.

Success

Changes saved successfully.

Info

New update available.

Downloading...

Data Display

Avatars

+99

Status Badges

Default Verified Pending

Tooltip

Helpful Information 

<div class="card">
  <h1>Nexus</h1>
  <p>System</p>
</div>

Data Tables

Recent Transactions

Manage your latest financial activities.

 Transaction ID Date Amount Status Edit
#TRX-001-492 Jan 24, 2024 $420.00 Completed
#TRX-001-493 Jan 23, 2024 $120.50 Processing
#TRX-001-494 Jan 22, 2024 $2,400.00 Review
Showing 1-3 of 100