Overviewe
Jedd is a playful acronym for "Just Edit Database Data." The brand spans two connected products: Jedd Studio, the desktop application itself and the Jedd Icons library, an open source icon set built for the software and released for anyone to use.
I've partnered with a product engineer throughout, moving between brand strategy, interface design and hands-on front-end implementation as the project has grown.
Concept and Design Direction
I started by exploring geometric forms, boxes and squares, alongside the letters J and D as the core characters of the brand. After testing a range of values and proportions, I arrived at the final logo icon: the two letters merge into a sharp, angular form, softened by a single curved element that references the curve in the letter J.
To differentiate between the two products, I designed two variations of the mark:
-
Filled version: represents Jedd Studio, conveying solidity and the unity of all its components.
-
Stroke and gridded version: represents the icon library, suggesting structure and modularity as part of a larger system.
Logo Variations
The following are the logo variations developed in this early phase of the branding:
Growing the Icon Library
The Jedd Icons library has grown to 267 icons, all live on the platform, open source and ready to use.
Alongside the icon set, I've been designing the website in partnership with the product engineer. So far we've shipped three core pages: the home page, the icon list page and the icon detail page.
Deep Dive: Redesigning the Icon Detail Page
The detail page received particular attention. I took the initial layout the engineer had implemented and used it as a starting point to design a new version focused on improving the UX and adding key interactions that were missing:
- A download button and copy SVG action
- Tags and categories for each icon
- Icon previews placed in different layout contexts, so users can see how each icon performs in real use
- A pixel grid overlay, showing the underlying structure the icon is built on
After iterating on the design and testing interactions between Claude Design and Figma and adjusting the layout for mobile, I exported the work from Claude Design into Claude Code, using VS Code to integrate the new draft with the existing design system and styles already in place on the Jedd Icons site.
Impact: the redesign gives users a clearer understanding of each icon's structure, faster access to the format they need and a way to preview icons in context before using them, improving both usability and confidence in the library.
Status
The project is ongoing. Current focus areas include expanding the icon library, refining the design system across the site and continuing to bridge design and implementation between Claude Design, Figma and Claude Code.