Mosie Hackett monogram

Design Studio

Type · Color · Craft

Small browser-native design tools, built by Mosie Hackett.

Aesthetic Extractor

Source Image
Drop an image to analyze
Vogue — reference palette

Measured live from your image — it all runs in your browser, nothing uploads.

Whole palette as code

          
01The Palette

Dominant tones, sampled

Real pixels, bucketed and sorted. Click any swatch or hex to copy.

02Drop-in CSS

Custom properties


            
04Shine & Texture

Measured traits

Each card's technique is fixed; the badge is measured from your image's pixels and the colors are pulled from the palette.

Fonts

· Type lab

Font Tester

Upload your own fonts and try them against 18 still backgrounds + 6 video loops. Files stay in your browser — nothing uploads anywhere.

No fonts loaded — supports .ttf, .otf, .woff, .woff2 (duplicates auto-filtered)
White
Neutrals
Cool grays & silvers
Blues
Greens
Reds & pinks
Oranges & yellows
Purples & violets
Earth tones
Metallics & jewel
Pastels
Bold & vivid

The quick brown fox jumps

Font A

Sample

Font B

Sample

The Gravity Index

A celestial framework for measuring momentum in motion — exploring how athletic capital orbits around opportunity.

Pick a system font from the dropdowns to start, or upload your own — .ttf, .otf, .woff, .woff2. Files stay in your browser.

Saved