Case Studies

Four Case Studies.

Use the global .page-eyebrow class with .ink-align on the headline: a big capital has left padding of its own (.092em for F, E, L, H), so the headline is pulled left by that much and its ink lines up with the eyebrow.

About · Theresa Berg · Chicago

Eighteen Years of Making Digital Products Human

The same offset works at any headline size, because it is measured in em.

Theresa Berg · AI product designer · Chicago

AI is full of possibility.

An A needs a smaller pull (--lsb: 0.02em).

Case Studies

Four Case Studies.

Without .ink-align (do not ship): the headline sits about 6 px to the right of the eyebrow.