Design Foundations

Turn any website into your design system

91 followers

Turn any website into your design system

91 followers

Visit website

Design & Creative

•

Interface design tools

•

Design inspiration websites

•

Graphic design tools

•

Design resources

•

Icon sets

A tool to extract the color palette, typographies and icons of any website. Perfect to get inspiration when ideating your branding.

Free

Launch tags:Design Tools•Coloring•Design resources

Launch Team / Built With

CloudflareDeploy serverless functions globally in seconds

Promoted

Maker

📌

👋 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

Report

2yr ago

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!

Report

2yr ago

Just Scroll

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!!!

Report

2yr ago

Maker

Hello makers! 👋 Today, we’re thrilled to announce the launch of Design Foundations – the simplest solution for extracting a website’s design system effortlessly. We often found ourselves needing to access customers’ design systems to programmatically develop solutions for them. So, we created this tool and are excited to offer it for free to the Product Hunt community. We hope you find it valuable, and we welcome your feedback! ❤️

Report

2yr ago

TransLite

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 ! 🚀

Report

2yr ago

Design Foundations rocks! The ability to save and share for inspiration is my favorite feature. Kudos to David & Jacin! 🚀

Report

2yr ago

Thank you for a fantastic tool! Love how quick and easy it is. Congratulations on the launch!

Report

2yr ago

Desky

Design Foundations is an absolute game-changer! Being able to effortlessly extract a website’s color palette, fonts, and even upscaled favicons is pure gold. The inspiration feature is a fantastic touch too. Thank you for making this incredible tool free for the Product Hunt community. I’m sure it’s going to be a go-to resource for many designers and developers. Can’t wait to see what’s next from you! 🚀

Report

2yr ago

1 2

Reviews