Make something beautiful

Particularly useful before you build an interface. Testing colors on text, buttons, and real layout elements reveals problems a swatch misses.

Save a palette, then test it in context. A collection of attractive swatches is only the beginning of a usable interface color scheme.

Color combinations are easier to judge when you can see them in context. Use a palette as a starting point for your own layout, then check that your text remains readable.

A place to explore typefaces before committing to the look of a project. Compare a font with real headings and paragraphs, and read its current license before using it in a client deliverable.

Useful when a page needs a consistent relationship between headings and body text. Start with comfortable reading text, then adjust the scale until the headings feel proportionate.

A quick route to an original visual asset. Randomize a few variations, then adjust colors to fit your project instead of using the first result.

Give an interface or product capture enough context to explain it clearly. Keep the composition simple so the frame supports the work instead of competing with it.

Handy when a mockup needs recognizable brand marks. Choose the appropriate variant, keep the original proportions, and check the brand’s usage guidance before publishing.

A browser-based place to explore 3D interaction. Begin with a small scene and pay attention to the download size before embedding it.

A useful starting point when a page needs an explanatory illustration. Choose artwork that helps the message, customize it to fit your palette, and check the current usage terms.

Useful when you know the interaction you need but want to see different ways of presenting it. Check each component’s requirements before using it.