Atlas
.atlas-divider-dashed

Dashed divider

Softer section separator. The dashed line implies structure without asserting it — perfect for breaking up landing-page rhythm.

.atlas-divider-dashed.atlas-divider-v-dashed

Horizontal

Principles
AMOLED black base. Monochromatic surfaces.
Density
28px buttons, 4px grid, 13px base text.
Motion
Borders over shadows. 120ms transitions. 
<div style="font-size:13px;color:var(--text-secondary);max-width:420px">
  <div style="padding-bottom:12px;color:var(--text-primary);font-size:16px;font-weight:600">Principles</div>
  AMOLED black base. Monochromatic surfaces.
  <hr class="atlas-divider-dashed" />
  <div style="padding-bottom:12px;color:var(--text-primary);font-size:16px;font-weight:600">Density</div>
  28px buttons, 4px grid, 13px base text.
  <hr class="atlas-divider-dashed" />
  <div style="padding-bottom:12px;color:var(--text-primary);font-size:16px;font-weight:600">Motion</div>
  Borders over shadows. 120ms transitions.
</div>

Variants

Solid
Dashed