Intro - Design System

Superteam Ireland had a brand identity, a website, and a full year of content production. What it didn't have was a scalable product design system. Every interface element was built from scratch, with no shared components, no documented states, and no grid logic connecting platforms.

I was the sole designer. Every decision in this system was defined, built, and documented by me.

Full project here

Foundations

The system starts with foundations: a structured color palette covering primitive, semantic, and brand tokens across neutral, primary, auxiliary, danger, warning, success, and Solana-specific values. Typography is built on two typefaces — Archivo SemiExpanded as the primary display font and Manrope as the secondary — with a full type scale from H1 to Caption. The grid follows an 8pt system with documented breakpoints for desktop, tablet, and mobile.

Components

Every component is documented with all interaction states: default, hover, focus, error, and disabled. The component library covers buttons in primary and danger variants across three sizes, basic text inputs with full state coverage, result feedback components for success, error, warning, and info states, and a curated icon library of 7,000+ icons integrated for visual consistency across the product. Shadow, glass, and blur elevation tokens complete the component foundation.

‍

Data visualization

Charts were designed specifically for a Web3 product context: line charts for crypto price trends and community growth, bar and line combos for volume comparisons across tokens and time periods, and pie charts for portfolio and community distribution. Every chart type is documented in both light and dark mode.

‍

A design system is not a deliverable. It is infrastructure. This system covers 7 component categories, 70+ color tokens, a full two-typeface scale, an 8pt grid, and cross-platform documentation. Built by one designer to be used independently by an entire team.

If you are looking for a designer who builds systems that outlast the project, get in touch.

‍

Full Design System here