A single-file browser tool for exploring and approving visual theme decisions before implementing them on the exampleproject site.
Open index.html directly in a browser — no build step or server required.
Font Explorer Browse 24 display fonts across Classic Serif, Modern Serif, Slab Serif, Transitional, and Sans-Serif categories. Pair each with a body font and preview them together using real exampleproject copy. Adjust heading weight and color, toggle dark mode, and star favorites to narrow your choices.
Color Palette Displays the agreed brand palette (Brand Purple, Link Violet, Slate, Body, Muted, Dark BG) with hex values and usage notes.
Button Theme Previews the three button variants — Primary, Secondary, and Ghost — with hover states in both light and dark mode.
- Open the explorer and adjust filters until you find a combination you like
- Star favorites to compare them side by side
- When something is approved, copy the values and send them to your site agent as implementation instructions