Benefits: Design a type scale - Githubissues

cal-itp / benefits

Transit benefits enrollment, minus the paperwork.

https://docs.calitp.org/benefits

GNU Affero General Public License v3.0

28 stars 9 forks source link

Benefits: Design a type scale #1819

Open indexing opened 12 months ago

indexing commented 12 months ago

Overview

Establish a type scale that supports all copy throughout the Benefits app.

Specifications

[x] Set scale base at 16pt
[x] Use t-shirt sizing to denote type size (xxs, xs, s, m, l, xl, xxl, xxxl) in place of paragraphs and headings
[x] Scale needs to be robust enough to support all existing styles at both desktop and mobile breakpoints
[x] New scale will not have any context-specific styles; a size in the scale should support text in all existing components and views.

segacy1 commented 10 months ago

@indexing I'm not allowed to check things off in the description, but I am ready to mark all specifications as done.

machikoyasuda commented 3 days ago

Just putting a note to myself here that the 16px font in the warning alert box is a one-off style that exists no where else in the app, and thus requires us to write extra one-off CSS.