In context

Type scale across product surfaces, semantic tones, an editorial card, and a KPI summary using semantic-tone deltas.

What's new · April 2026

One workspace for performance and pay

We rebuilt the performance module around continuous feedback so review cycles run on real conversations — not retroactive forms.

Read byYashi EL, Marcus Reid, Priya Anand

Active workspaces

1,284

+8.4% vs. March

Monthly payroll runs

$4.2M

+12% vs. March

Failed sync jobs

-72% vs. March

Default

The quick brown fox jumps over the lazy dog.

import { Text } from '@mihcm/ui/Text';
 
<Text>The quick brown fox jumps over the lazy dog.</Text>

Headline

Universal primitives, one prop API.

<Text as="h1" size="4xl" weight="bold">
  Universal primitives, one prop API.
</Text>

Body + caption

Tailwind CSS 4 tokens, NativeWind v4 mirroring on iOS and Android.Same source, web and native.

<>
  <Text size="lg">
    Tailwind CSS 4 tokens, NativeWind v4 mirroring on iOS and Android.
  </Text>
  <Text size="xs" tone="muted">
    Same source, web and native.
  </Text>
</>

Status message

Couldn't save — please try again.Settings updated.

<Text tone="destructive" size="sm">
  Couldn't save — please try again.
</Text>
 
<Text tone="success" size="sm">
  Settings updated.
</Text>

Prose composition

Type scale matters

A consistent ramp keeps the page reading as one document instead of a collage of arbitrary sizes.

<article className="max-w-prose">
  <Text as="h2" size="3xl" weight="bold">
    Type scale matters
  </Text>
  <Text as="p" size="base" tone="muted">
    A consistent ramp keeps the page reading as one document instead of a
    collage of arbitrary sizes.
  </Text>
</article>