Quotes. Pulled, framed, or whispered.

Rule on the inline-start edge. The native <cite> carries the attribution.

A design system isn’t a component library with branding bolted on. It’s a vocabulary — and once you have it, the components write themselves.

Oversized, centered, gradient text. For section breaks in editorial layouts.

The token is the contract. Everything else is opinion.

Avatar disc plus name and role — testimonial layout.

We rebuilt the marketing site in four days. Most of that was choosing surface tiers. The components had already agreed on what every color meant.

For attributed quotes that lean on brand recognition.

Surfaces collapsed three layers of overrides into one. The CSS got smaller as the design got richer — which I didn’t think was a thing that could happen.

Bordered surface with elevated shadow. Slots into testimonial grids.

The Aurora timeline is the first motion editor I’ve used that doesn’t treat tweens as the unit of work. It treats beats as the unit. Big difference.

A decorative open-quote in the top-inline-start corner. For long-form.

Tools are vocabularies. The ones that survive are the ones that everyone eventually agrees to mean the same things by — even the new people who walk in three years later.

Fades up when it enters the viewport. Reduce-motion users see it instantly.

Patience is a token: you can ship it everywhere, but only when the system already knows what to do without it.