[Library] Features

Catalogue accessStandard

Feature split dense

An asymmetrical 40/60 split pairing a strong left-hand headline pillar with a dense four-row capability ledger on the right.

View
Before you copy

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

An asymmetrical 40/60 split pairing a strong left-hand headline pillar with a dense four-row capability ledger on the right.

The signature moment

Density contrast

This pattern sets an expansive, deliberate typographic statement on the left against a dense, tightly-ruled 4-item technical ledger on the right. The contrast in pace, a spacious thesis on the left and a rapid capability scan on the right, makes it effective for product overviews that need to convey both brand clarity and technical depth in a single viewport band.

What it inherits from your theme

  • Typeface. Inherits all theme font declarations for headings, body copy, and button labels.
  • Palette. Section ground uses base (falling back to white), and text uses contrast (falling back to black). Outline button uses role-link with contrast fallback.
  • Rules. The four horizontal ledger dividing lines use currentColor, inheriting your palette seamlessly.
  • Spacing. Responsive gutters and inner row padding map directly to the core spacing presets.

What it decides for itself

  • Proportion. An asymmetrical 40/60 two-column split giving the technical ledger slightly more horizontal breadth to support comfortable body line lengths.
  • Typography hierarchy. Section heading on xx-large, row titles on large, body copy on medium ladder rungs.

What you change first

  1. Thesis headline & lede. Set your core product message and value proposition in the left column.
  2. Ledger items. Replace the four capability rows (01 / ... through 04 / ...) with your technical or functional highlights.
  3. CTA button. Connect the outline action button to your documentation, specs page, or contact flow.
Back to the library