COMPONENT CATALOG

VietTrust styleguide

A static reference for shared components. Use the header toggle to review both themes.

Typography

Display

Heading one

Heading two

Heading three

Heading four

Body text communicates concise, practical information.

Muted supporting text

EYEBROW

Text link

Color tokens and buttons

background
surface
card
primary
success
warning
danger
border

Status badges and cards

successwarningdangerprimarymuted

Default card

Standard surface treatment.

Featured card

High-emphasis treatment.

Capability card

Icon and supporting copy.

Form controls

This field needs attention.

Spacing, radii and empty assets

sm
md
lg
VietTrust approved artwork placeholder

Use Tab to verify visible focus; Escape closes the mobile navigation at small viewport sizes.