Quote

Blockquotes and pull-quotes with attribution

Two registers: the default inline blockquote sits inside body copy with a quiet left rule; the pull variant borrows display type at sub-display scale so the sentence itself is the emphasis.

Default: inline blockquote

Large-scale systems are not primarily UI problems. They are coordination problems.

With attribution

The challenge is not creating beautiful screens. The challenge is creating frameworks that allow hundreds of people and teams to build coherently over time.
— Avery ChenDesign platform case study

Pull-quote

Tokens flow from Figma to production without a handoff meeting.

Pull-quote with attribution

Design still derisks development.
— Avery ChenWriting, 2026
tsx
// From the npm package
import { Quote } from 'rift-ds/components/Quote/Quote';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/quote.json