20 · Workbench
A focused utility workspace with a quiet category rail, clear controls and a restrained blue accent.
The existing websiteOne resource. Different perspectives.
Find the right feel.
Original directions for a free internet toolbox, alongside the current design. Each one works on the actual tools. Choose a preview, then use the footer to switch without losing your input.
The selected direction is 20 · Workbench. Earlier studies remain available for comparison. Or start with 6 · Prism for a balanced modern direction, 9 · Orbit for a useful workspace, or 11 · Play for more personality.
1 · Original
Existing typography and layout, preserved as the baseline.
The existing website
2 · Harbor
A prominent blue upload surface, centered introduction and generous file workspace.
Reference: Fileworld
3 · Toolbox
An approachable catalogue with colourful category markers and easy-to-scan cards.
Reference: iLovePDF
4 · Studio
A split introduction and workspace, with a warm frame around the main task.
Reference: Adobe Acrobat
5 · Clear
A focused single-column workspace with a clear primary action and rounded controls.
Reference: FreePDFConvert
6 · Prism
Precise components, violet accents, a strong search field and restrained colourful details.
Reference: shadcn/ui
7 · Soft
Comfortable spacing, layered neutral surfaces and subtle plum accents.
Reference: Radix
8 · Edition
An open editorial layout, generous margins and large, quiet headings.
Reference: OpenAI
9 · Orbit
A compact application layout with a persistent category rail and precise controls.
Reference: Linear
10 · Notebook
A calm document workspace with sidebar navigation and compact category rows.
Reference: Notion
11 · Play
A confident creative grid, restrained pastel surfaces and expressive category tiles.
Reference: Figma
12 · Grid
A disciplined geometric grid, square panels and crisp monochrome surfaces.
Reference: Vercel
13 · Collection
A curated collection of tools with quiet labels, modular cards and generous whitespace.
Reference: Are.na
19 · Footnote
Quiet serif headings, fine separators and useful tool lists in an understated monochrome layout.
Original Happytails.ai brand studyReferences informed layout, spacing and component ideas. These studies use original styling and Happytails.ai content. They do not reproduce another site's branding, copy, assets or commercial features.