Skip to content
OnTheBlock.Studio

Product & Brand System

It’s The Colors

An in-house color workflow product that connects playful discovery, technical precision, reusable palettes, and export-ready creative tools.

Visit Site
It’s The Colors product and identity system

Services

Product StrategyUI DesignBrand IdentityFront-End Development

Role

Product DesignerFront-End Developer

Timeline

Ongoing Product

Platform

Next.js

The Problem

Color discovery, accessibility checks, exports, and image experiments often live in disconnected tools that interrupt the creative workflow.

The Approach

The product brings exploration and implementation into one workspace, keeping palette output visible and practical actions close to the creative work.

The Outcome

A reusable product system that connects color discovery, saved palettes, image exploration, and code-ready outputs in one coherent interface.

Visual Direction

Typography

InterBold / Friendly / Functional
InterClear / Compact / Accessible

Color Palette

#FF5A36
#FFD447
#38D996
#5085FF
#16171B

Brand / Graphic Direction

It’s The Colors logo and identity direction

Key Screens

It’s The Colors brand system presentation
Brand System
It’s The Colors product workspace
Product Workspace
It’s The Colors product interface presentation
Product Preview

What This Project Demonstrates

Product Thinking

A connected workflow designed around practical creative tasks rather than isolated features.

Interface Clarity

Dense color tools organized into readable controls, outputs, and repeatable actions.

Brand Personality

A playful visual identity that supports technical color work without obscuring it.

Reusable Output

Saved palettes and export formats that help creative decisions travel into production.

DEEP / CONTEXT

It’s The Colors: project context and artifacts.

An in-house color workflow product that connects playful discovery, technical precision, reusable palettes, and export-ready creative tools.

Context and objective

Color discovery, accessibility checks, exports, and image experiments often live in disconnected tools that interrupt the creative workflow.

Approach and key decisions

The product brings exploration and implementation into one workspace, keeping palette output visible and practical actions close to the creative work.

Outcome

A reusable product system that connects color discovery, saved palettes, image exploration, and code-ready outputs in one coherent interface.

Services and artifacts

  • Product Strategy
  • UI Design
  • Brand Identity
  • Front-End Development
  • Brand System
  • Product Workspace
  • Product Preview

Have a useful product idea that needs a clear system?

Let’s shape the product, interface, and visual language into one focused experience.

Start a Project