foundational
Creator tools for the next generation of gaming content.
Allstar helps aspiring creators build an audience by making a fast, easy and fun way to capture and share their greatest gaming moments across social media and to the world.
- Founding Product Designer
- Branding, Research, Design systems
- Figma, React, Figma tokens
- Strategy & Hiring
Overview
Creator tools for the next generation of gaming content.
Allstar helps aspiring creators build an audience by making it fast, easy and fun to capture and share their greatest gaming moments. As founding designer I owned that experience end to end for four years.
The system
The company's first design system, from zero to one.
Working alongside a back-end engineer, I built out the first design system for the company, in both Figma and React, from 0 to 1, then led the design team on top of it as Allstar grew, contributing to a $24M funding round.
Foundations
A system built for the dark.
A dark-first surface ramp, a signal-green accent, and expressive rarity tiers — the tokens that keep clips, cards, and creator tools feeling like one product across web and mobile.
Colour
Surfaces & text
Accent & status
Custom Iconography
A bespoke icon set marks membership tiers across the product — each with its own colour and glyph, from Pro through Partner.
Pro
Pro Plus
Platinum
Superstar
PartnerTypography
Roboto across the product — neutral and dependable, with heavier weights carrying the energy of the display moments.
Aa
Regular 400
- •Body text
- •Captions
- •Metadata
Aa
Medium 500
- •Labels
- •Tabs
- •Buttons
Aa
Bold 700
- •Headings
- •Card titles
Aa
Black 900
- •Display
- •Stat numbers
Radius & elevation
Corner radius
Elevation
The screens
Product Design & Platform
iOS & Android
Discover feeds, full-screen clip viewing, creator profiles, social features and notifications across both platforms.
Allstar Studio
The card marketplace where creators browse, preview and enable effects: music, memes, transitions, overlays and more, to brand their clips.
Website & Creator Tools
The web platform for viewing, sharing and managing content: profiles, clip libraries, sharing dialogs and content management.
Match History & Upload
ML-powered feature where users submit a demo file and Allstar automatically picks the best moments, applies effects and generates a shareable video.
Paywall & Upgrades
Feature-gated moments each get a tuned upgrade flow, matched to what the creator is trying to do: downloads, mobile clips, remixes, and queue boosts.
Brand & System
Studio tier icons, user tier badges and the identity system that unified the product across every touchpoint.