Design Foundations

Design Foundations

Turn any website into your design system

94 followers

A tool to extract the color palette, typographies and icons of any website. Perfect to get inspiration when ideating your branding.
Design Foundations gallery image
Design Foundations gallery image
Design Foundations gallery image
Design Foundations gallery image
Design Foundations gallery image
Free
Launch Team / Built With

What do you think? …

David Alarcón
👋 Hey Product Hunters, thanks for stopping by ❤️ Two months ago, we embarked on ad to landing, a tool designed to generate landing pages for every ad campaign. To make it happen, we needed to mimic the look and feel of any website, so we built an internal tool to extract the core design elements from any domain. We thought it was pretty cool and we didn't want to keep to ourselves, so we're launching it publicly for everyone to enjoy. What can it do? 🎨 Extract the base color palette of a website (hero, call to action, accent, background, and surface) 🔠 Identify all fonts used on a website 🌐 Provide an upscaled version of the site's favicon 🔍 Explore design foundations in specific categories to help you stand out when ideating your branding 📂 Save and share domains for inspiration Enjoy 🫶 - David & Jacin
Alexander William Hawkins
Love the idea of extracting design elements from any website! This could be a huge time-saver for marketers and designers. The color palette and font identification features sound especially useful. Excited to give it a try and see how it sparks new branding ideas. Well done!
Kehui Guo
AHHHH this is perfect!!!! This is going to save a lot of time and effort for freelance designers and front-end engineers! Congrats on the launch!!!
David García
A quick way to get the basic styles of a website ! I really appreciate to have the upscaled favicon because sometimes is very difficult to find a company logo with good quality... Very very useful :) Good luck with this and next launches ! 🚀