Skip to content

scanning tokens

000
Paul Banks

Product Designer, Artists

Pushing concepts,the canvas is aplayground

Get in touch

duotone / cell 30 / screen / apricot · pulse wave

Saved on this device · shareableOpen Hero Studio →

Work.Work.

  • ECHO Overview — global threat monitoring
    ECHO Live Feed — global threat origin

    Iron Link Intel

    Defense intelligence

    Lead product designer · Brand & Product

  • DigiCred

    EdTech · Crypto

    Lead product designer · 0→1

  • A dark modern home at night, front porch lit
    0Match
    A wood-clad A-frame set in tall summer trees
    A backyard with a curved pool, gazebo, and pavers
    A single-story ranch house catching golden-hour light
    A backyard with a curved pool, gazebo, and pavers

    MustWants

    Real estate

    Lead product designer · Founding

  • 720

    Credit Score

    Credit Karma

    Fintech

    Sr / Lead product designer · Growth & Research

  • Intermediate
    20 - 56
    Expert
    Resistance0
    30 - 66
    Advanced
    24 - 60

    Peloton

    Connected fitness

    Product designer · Lanebreak UX/UI

    • Unwind
    • Creative
    • Sleep
    • $44 • Wedding Cake
    • $48 • Gelato

    98% Match for Evening

    iHeartJane

    Cannabis e-commerce

    Founding product designer · Marketplace

Full client roster

  • CompanyYears activeRole
  • Iron Link Intel2025-2026Lead Product Designer
  • DigiCred2025-2026Founding Product Designer
  • MustWants2024-2025Founding Product Designer
  • Credit Karma2021-2024Lead / Senior Product Designer
  • Peloton2023-2024Senior Product Designer
  • frog2021-2021Senior Interaction Designer
  • Ancestry2020-2021Senior Designer
  • iHeartJane2017-2020Founding Product Designer
  • Walmart2017-2018Senior Art Director
  • Sony PlayStation2015-2017Lead Product Designer
  • Samsung2013-2015Senior Concept Designer
  • Advertising2011-2013Associate Creative Director
  • Advertising2009-2011Art Director

Building.Building.

Products I'm building in code, shipped in the open. Each one opens to the numbers most people hide.

GiT Design Drops

An agentic magazine that reads GitHub for designers. Agents assemble the drop; I edit the cut. Stills freeze Issue 48. The live player always opens the current one.

2.4MSocial Reach

  • Claude
  • Cursor
  • Next.js
  • Figma
Open latest in a new tab→Read the case
  • Hero Shader StudioLoading live preview

    Hero Shader Studio

    A live pixel-art shader, connected directly to the homepage.

    0hero swapspaulbanks.design/lab/studio

  • Brand Voice EngineLoading live preview

    Brand Voice Engine

    AI Brand Ambassador: Your voice, made portable.

    900Kengagement

  • Tether

    Work in progress

    Still in the lab. A wrecker on a line, houses in a field, smash then rest or you drink.

  • COLOR / NOISE

    Color & Noise

    Work in progress

    A visual studio in progress: compose with image, motion, sound, and signal.

  • INSTRUMENT

    Instrument

    Work in progress

    A playable visual-sound experiment. Make a response; I remix what comes back.

Pendulum nextStill working in the open.

My ProcessMy Processin Motionin Motion

Team check-in

Figma Bridge

Intent · assets · tokens

design-brief.md

  1. 01 / Challenge

    Challenge

    Product Challenger

    Frame the product tension before a solution takes shape.

    • problem.mdWhat is broken, for whom, and why now
    • evidence.mdSignals, assumptions, and risks
    Skills in play
    Research synthesis · Opportunity framing
    Tools
    Notes · References
  2. 02 / Direction

    Direction

    Design Director

    Turn the signal into an experience worth building.

    • design-brief.mdIntent, hierarchy, and the decision to make
    Skills in play
    Remixing SKILL.md files · Exploring outputs
    Tools
    Figma · Paint + canvas
  3. 03 / Shape

    Shape

    UX + Content + Design Systems

    Make the journey, language, and system cohere.

    • journey.mdMoments, states, and wayfinding
    • content.mdLanguage, tokens, and interaction rules
    Skills in play
    Content design · Systems thinking
    Tools
    Figma · Design tokens
  4. 04 / Make + Test

    Make + Test

    Design Engineer + Creative Technologist

    Turn the brief into a working experience.

    • build-plan.mdConstraints + acceptance criteria
    • handoff.mdBuild-ready decision record
    • Preview + testsLive behavior, desktop, mobile, accessibility
    Skills in play
    Interaction prototyping · Design engineering · Accessibility
    Tools
    Codex · Cursor · VS Code · Qwen
  5. 05 / Critique + Decide

    You decide

    Critique + Decide

    Design Critic + QA + You

    Decide what ships, what changes, and what gets re-briefed.

    • review-notes.mdTest evidence and the next call
    Skills in play
    Creative critique · Test synthesis · Decision making
    Tools
    Browser · Feedback

    Learn → direct again

The system behind the work.The system behind the work.

One machine-readable contract, Design.md, compiles to the CSS variables every page here renders from. Humans read it. So do my agents.

  • Base
  • Main CTA
  • Ink
  • Divider
Aa
  • DESIGN.md
  • Tailwind v4
  • CSS Variables
  • Design Tokens
Reading live values from the stylesheet…

Mint acts. Apricot emphasizes. Blue links. Read live, not a snapshot.

Open the design system→
Paul Banks

Charlotte, NC · Remote

Paul Banks

Principal Product Designer

After 16+ years shipping product interfaces, I now design the surfaces where people and agents share a task: prompts, confidence, and the checkpoint where a human still decides.

Get in touchDownload resumeSee my brand-voice work →

STATUS: OBSERVING_HUMANS

Directory_01Directory_01

  • INDEX
  • PORTFOLIO
  • DESIGN_SYSTEM
  • RESUME

Directory_02Directory_02

  • THE_PROBLEM
  • THE_PROCESS
  • THE_PROOF
  • THE_PRICE
  • FAQ

Comms_LinkComms_Link

  • EMAIL
  • LINKEDIN
  • BOOK_CALL

Contact_ProtocolContact_Protocol

> LET'S_CHAT

SEQ: 2026.01

SYS.ARCHITECT: PAUL_BANKS // ALL_RIGHTS_RESERVED