Grant Pedersen ยท New York
Product System
Discovery, navigation, and shared controls
A searchable catalog organizes 45 tools into six categories. Shared navigation, controls, guidance, and output patterns support font pairing, image conversion, and code formatting.
Information Architecture
Search and filters narrow the catalog by name or category: Colors, Layout, Image, Data/Dev, Generators, and Converters. Visual previews help visitors identify a tool before opening it.
Interaction Standards
The desktop menu groups tools by category; the mobile drawer uses expandable lists. Tool cards stack into one column on phones, while controls and previews adapt to the available width.
Visual System
The library and tool pages share the dot logo, self-hosted Instrument Sans and DM Mono fonts, olive surfaces, lime accents, and form controls.
Focus areas
- Product Design
- Information Architecture
- Design Systems