The short version
Typography Scale
By JR Brugger (Design Workflow)
Build a professional text sizing system for websites and apps with consistent headings and body copy.
Lieflat Charts
By Lieflat
Turn your data into polished, publication-ready charts, slide decks, and reports.
What each one does
Typography Scale
- Generates a mathematical scale of text sizes from captions to large headings
- Defines line heights and letter spacing for optimal readability
- Provides font weight and pairing recommendations
- Creates responsive rules so text scales gracefully on mobile devices
- Documents usage guidelines for each text style
Lieflat Charts
- Picks the right chart type from the shape of your data, so you never have to name one
- Builds charts from a library of tested templates in a clean black-and-white style, with optional color themes or your brand colors
- Creates full one-page reports such as monthly reviews, annual reports, and research briefs
- Produces animated slide presentations as HTML or PDF
- Checks every chart for honest scales, readable labels, and clear conclusion-style titles
When to pick each one
Reach for Typography Scale when…
- You're designing a website, app, or marketing site and need consistent text sizing
- You want your headings and body copy to look harmonious without manual tweaking
- You're building a design system or brand guide
- You need typography rules that work across desktop and mobile
Reach for Lieflat Charts when…
- You have a spreadsheet of numbers and want a chart good enough to post or publish
- You're writing a long-form article or annual report that needs a set of consistent visuals
- You need a data-driven presentation or report page without opening a design tool
Quick facts
| Typography Scale | Lieflat Charts | |
|---|---|---|
| Made by | JR Brugger (Design Workflow) | Lieflat |
| Category | Design & Creative | Design & Creative |
| Source | View ↗ | View ↗ |
| Detail page | Open | Open |