[Library] Features

Catalogue accessStandard

Feature pill ledger

A horizontal list ledger pairing structured feature capability rows with right-aligned metric badge callouts.

View
Before you copy

Identical markup in every theme. Manrope typeface rgb(255, 255, 255) ground 1280px viewport

A horizontal list ledger pairing structured feature capability rows with right-aligned metric badge callouts.

The signature moment

Right-aligned metric pill tags

Each capability row pairs detailed technical explanations on the left with a boxed pill tag on the right (< 9ms Latency, 99.99% Uptime, 100k Req/sec, Zero-Trust). This creates a rhythm of evidence-backed claims where the visitor immediately digests the hard metrics before diving into the accompanying copy.

What it inherits from your theme

  • Typeface. Inherits all theme font declarations for headings, body copy, and pill labels.
  • Palette. Ground uses base (falling back to white), text uses contrast (falling back to black).
  • Dividers & Pill borders. All row dividers and pill frames use currentColor, adapting automatically to dark and light mode themes.
  • Spacing. Row padding and column gaps draw from core spacing presets.

What it decides for itself

  • Proportion. A 75/25 horizontal column split within each row providing generous reading measure for body copy while cleanly anchoring metric badges on the right.
  • Typography hierarchy. Section heading on xx-large, row headings on x-large, body copy on medium ladder rungs.

What you change first

  1. SLA rows & metrics. Update the 4 rows to highlight your operational benchmarks, guarantees, or compliance deliverables.
  2. Pill text. Replace the metric values (< 9ms Latency, etc.) with your specific figures or status indicators.
Back to the library