Choose a palette, icons and illustrations that can carry through a landing page and product screens.
A limited palette makes it easier to keep different screens consistent.
Pick a primary color, an accent and neutral backgrounds. Check text contrast in your actual layouts before finalizing them.
Carry into the next stepA documented color palette.
One icon family keeps controls and navigation visually related.
Pick the icons you need in one consistent style and size. Write down where each icon will be used.
Carry into the next stepA focused set of interface icons.
A small illustration set can give key pages a recognizable personality.
Choose illustrations that explain the product and adapt their colors to the palette. Review their license for your intended use.
Carry into the next stepA small collection of matching illustrations.
SVG cleanup helps keep the selected vector assets compact.
Optimize copies of the chosen SVGs, compare the results visually, and save them with the color notes in one asset folder.
You’re done when you haveAn organized starter kit ready to use.
Turn a few strong projects into a focused portfolio, with clear case studies and polished previews.
Turn your existing product screens into a tidy set of screenshots, mockups and social images.
Go from a single user flow to a deployed first version, with a focused set of development tools.
Use these as flexible workflows: copy, export, or move files between tools as needed. Check the tool details for the plan and platform that fit your project. Explore all recipes →
