@nqmcreative/ui

Component preview

Flat surfaces, no shadows, no radius except pills. Brand teal is the primary tone — every component also takes a tone prop for the seven other hues.

Palette

brand
accent
violet
info
success
warning
danger
neutral

each tone ships base / hover / light / border steps

Buttons

Badges

brand accent violet info success warning danger neutral
Solid Outline Small

Forms

Shown on the invoice.

That address is already registered.

Rp

Numbers only.

Markdown supported.

or
Email notifications Weekly digest only.

Feedback

Heads up

Rendering takes about two minutes.

Deployed

Live on production.

Quota at 85%

Upgrade before the end of the cycle.
Storage 72%
Render queue 38%

Data display

Revenue
1,2M ↑ 12.4%
Churn
2.1% ↓ 0.4%
Active projects
18
Across 9 clients
Status
Sundara RebrandSundara Live84.000.000
Nusantara CoffeeNC Group In review52.500.000
Kelana Travel AppKelana Draft120.000.000

selected: (none) · sort: (none)

NQ RA SM DP
NQ Press ⌘ K to search

Navigation

active: overview

What does the retainer include? 01
Strategy, design and two rounds of revision per sprint.
How fast is onboarding? 02
Kick-off within five business days of the signed SOW.
Can we pause a sprint? 03
Yes — with 14 days notice, once per quarter.

Overlay & empty states

nqmcreative.com Accent link

No projects yet

Create your first project to see it listed here.

Archive this project?

It stays readable but stops accepting new work.

Archiving moves Sundara Rebrand out of the active list. You can restore it at any time.

Menus, popovers & drawers

Project settings

Applies to this project only.

Weekly digest Sent every Monday.
Render quality 65%
0100

Toasts

fired from a module-level store; one <Toaster /> is mounted at the bottom of this page

Advanced form controls

Too short

Meter is length plus character variety.

pcs

Type to filter, arrows to move.

Opacity 65%
050100
Delivery

File upload

Command, confirm & context menu

Right-click anywhere in this area
esc

Create

New project ⌘N
Invite a teammate

Navigate

Open settings
Billing & invoices

Danger

Archive project

Delete this project?

Everything in Sundara Rebrand goes with it. This cannot be undone.

Grouped choice controls

Included in the studio

Pick up to three.

Dates & multi select

Type it, or pick from the calendar.

Weekends are blocked out.

deadline: (empty) · kick-off: 2026-09-14

Brand identity Motion

Up to four.

September 2026
MonTueWedThuFriSatSun

Calendar stands alone, and both it and DatePicker follow the locale — switch to ID above and the month names, weekday order and input format change with it.

Cards

Outline

Default

Hairline border on white.

Filled

Alt surface

Sits on the alt surface.

Tinted

Accent

Uses the tone's light step.

With footer

Left rule in the tone colour.

updated 2 days ago