Patterns

4 patterns. Compositions of components into higher-order primitives — editorial hero, case-study body, filterable work grid.

CaseStudyBody

layout

Long-form case-study layout — hero figure, scroll-pinned process steps, expandable footnotes.

EditorialHero

layout

Magazine-style landing hero — TextMaskReveal headline + magnetic CTA + asymmetric image collage.

EmeraldDirection

layout

The DealDash Emerald design direction — Linear-grade calm with an emerald signature. Elevation as a surface ramp, hairline borders, one green, choreographed motion, and error≠empty≠loading as law.

FilterableWorkGrid

layout

Work index page composition — heading + tools ticker + responsive grid of ProjectCards.