Components

Cards

The default container for grouped content — policy summaries, dashboard widgets, list items.

Stablews-card

Basic card

Property

Acme Manufacturing Co.

Policy WS-2026-004471 · Renews Dec 1, 2026

Active
<div class="ws-card">
  <div class="ws-card__eyebrow">Property</div>
  <h3 class="ws-card__title">Acme Manufacturing Co.</h3>
  <p class="ws-card__body">Policy WS-2026-004471 · Renews Dec 1, 2026</p>
  <div class="ws-card__footer">
    <span class="ws-badge ws-badge--success">Active</span>
    <button class="ws-btn ws-btn--tertiary ws-btn--sm">View</button>
  </div>
</div>

Interactive card

Add ws-card--interactive when the entire card is clickable (e.g. wrapped in an <a>).

Cyber

TechFlow Systems Inc.

Quote in progress · Due Aug 3, 2026

Pending→
<a class="ws-card ws-card--interactive" href="/quotes/123">…</a>

Card grid

General liability

Harbor Freight Logistics

Renews in 12 days

Professional liability

Meridian Health Group

Renews in 41 days

Property

Coastal Retail Partners

Renews in 88 days