Feature Grid Ledger

Structured feature explanation block for product pages, launch sections, and commercial proof surfaces.

LLM handoff

Copy a concise page brief or the full MDX source without digging through the docs shell.

Features

The missing middle between hero claims and pricing.

Use one structured feature ledger to explain what the system changes in real product work.

Structure

Headers stay compact

Route framing and metadata patterns stay quiet under dense working conditions.
Useful across app routes, documentation, and commerce support surfaces.

State

Selected rows remain clear

Selection, active focus, and factual support stay legible without decorative rescue styling.
The same logic carries from lists to inspectors and review flows.

Continuity

One authored language

Marketing, browse, content, and app surfaces share the same spacing, type, and structural rules.
The system reads like one edition instead of several templates.

FeatureGridLedger explains what the system does without falling back to a generic marketing card row. Use it when the page needs feature structure between the opening specimen and the pricing or proof sections.

Installation

Install
Purchase access, then open /account/install to issue a registry token.

Usage

import { FeatureGridLedger } from "@/registry/swiss/blocks/feature-grid-ledger"

Why This Block Exists

Many landing and pricing pages need a stronger explanatory section between the hero and the decision point. This block keeps that explanation structured and factual.

Examples

Use it for:

  • product feature explanation on landing pages
  • capability framing on pricing pages
  • proof-led summaries on launch and case-study surfaces

API Reference

PropTypeRequiredNotes
titlestringyesSection heading.
descriptionReactNodenoSupporting explanation beside the heading.
itemsFeatureGridLedgerItem[]yesGrid entries with title and summary.
columns`23`no

Usage

import { FeatureGridLedger } from "@/registry/swiss/blocks/feature-grid-ledger"