Design Foundations
Turn any website into your design system
Listed in categories:
Design ToolsDesign resourcesColoring
Description
Discover the base building blocks of any website. Get the colors, icons, and fonts from any website in seconds. Great for sparking new design ideas.
How to use Design Foundations?
Simply enter a website domain and extract the design system elements such as colors, icons, and fonts in seconds.
Core features of Design Foundations:
1️⃣
Extract website design system
2️⃣
Get colors, icons, and fonts
3️⃣
Explore more websites
Why could be used Design Foundations?
| # | Use case | Status | |
|---|---|---|---|
| # 1 | Extract design system for landing pages | ✅ | |
| # 2 | Inspire new design ideas | ✅ | |
| # 3 | Create design lists for inspiration | ✅ | |
Who developed Design Foundations?
The maker of this tool is adtolanding.com, who needed a way to extract design systems for their landing pages and decided to open source the tool for others to benefit from.