The short version
Extract Design
By Manav Arya
Pull the colors, fonts, and full design style from any website in one go.
Lieflat Charts
By Lieflat
Turn your data into polished, publication-ready charts, slide decks, and reports.
What each one does
Extract Design
- Extracts the color palette with exact color codes and the font families a site uses
- Captures spacing, shadows, rounded corners, layouts, and common components
- Scores the site's color contrast against accessibility guidelines
- Creates a visual preview page plus Figma variables and theme files for developers
- Compares the design of two websites side by side
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 Extract Design when…
- You want to know exactly which colors and fonts a website uses
- You're studying a competitor's or inspiration site's visual style
- You need to hand a site's design system to a designer in Figma or to a developer
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
| Extract Design | Lieflat Charts | |
|---|---|---|
| Made by | Manav Arya | Lieflat |
| Category | Design & Creative | Design & Creative |
| Source | View ↗ | View ↗ |
| Detail page | Open | Open |