Atlas
.atlas-card

Card

Elevated container with a 32px header and content body. Border-defined — never shadowed.

.atlas-card.atlas-card-header.atlas-card-body

Default

Deployments
3 active · last deploy 2m ago
<div class="atlas-card" style="width:320px">
  <div class="atlas-card-header">
    <span class="atlas-dot atlas-dot-primary"></span>
    <span class="atlas-panel-title">Deployments</span>
  </div>
  <div class="atlas-card-body">
    <div style="font-size:13px;color:var(--text-secondary);line-height:1.55">
      3 active · last deploy 2m ago
    </div>
  </div>
</div>

Variants

With stat
Latency
42ms
+3.1%
With dot + menu
Queue12
3 pending, 9 running.