Siddharth Chhatpar
Building a Scalable Design System for a Developer-First Product
role
Visual Design
Design Systems
duration
2 months
team members
3 designers
introduction
Greptile is an AI-powered code review tool used by fast-moving dev teams such as:
problem statement
Greptile shipped fast.The main concern was that the UI and brand were lagging behind their product velocity.
Legacy UI didn’t reflect product quality
It caused mistrust amongst
the users
No design system and lack of ui consistency in the product
Brand identity lacked memorability
UX inconsistencies slowing down dev
STRATEGIC Branding SPRINT
We didn’t just give Greptile a fresh coat of paint. We gave them a brutalist-minimalist armor.
New brand identity direction → aligned with dev-first ICP
It caused mistrust amongst
the users
Brutalist minimalism + flat color with expressive accents
Logo, typography, color palette, spacing system
The Greptile Design System became their internal launchpad.
Built to be scalable
It caused mistrust amongst
the users
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation
WEB APP RESKIN
Every screen. Every edge. Now pixel-aligned with the brand
Built to be scalable
It caused mistrust amongst
the users
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation
Siddharth Chhatpar
Building a Scalable Design System for a Developer-First Product
role
Visual Design
Design Systems
duration
2 months
team members
3 designers
introduction
Greptile is an AI-powered code review tool used by fast-moving dev teams such as:
problem statement
Greptile shipped fast.The main concern was that the UI and brand were lagging behind their product velocity.
Legacy UI didn’t reflect product quality
It caused mistrust amongst
the users
No design system and lack of ui consistency in the product
Brand identity lacked memorability
UX inconsistencies slowing down dev
STRATEGIC Branding SPRINT
We didn’t just give Greptile a fresh coat of paint. We gave them a brutalist-minimalist armor.
New brand identity direction → aligned with dev-first ICP
It caused mistrust amongst
the users
Brutalist minimalism + flat color with expressive accents
Logo, typography, color palette, spacing system
The Greptile Design System became their internal launchpad.
Built to be scalable
It caused mistrust amongst
the users
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation
WEB APP RESKIN
Every screen. Every edge. Now pixel-aligned with the brand
Built to be scalable
It caused mistrust amongst
the users
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation
Siddharth Chhatpar
Building a Scalable Design System for a Developer-First Product
role
Visual Design
Design Systems
duration
2 months
team members
3 designers
introduction
Greptile is an AI-powered code review tool used by fast-moving dev teams such as:
problem statement
Greptile shipped fast.The main concern was that the UI and brand were lagging behind their product velocity.
Legacy UI didn’t reflect product quality
Brand couldn’t differentiate from the competitors
No design system and lack of ui consistency in the product
Brand identity lacked memorability
UX inconsistencies slowing down dev
STRATEGIC Branding SPRINT
We didn’t just give Greptile a fresh coat of paint. We gave them a brutalist-minimalist armor.
New brand identity direction → aligned with dev-first ICP
Archetypes: Creator × Hero
Brutalist minimalism + flat color with expressive accents
Logo, typography, color palette, spacing system
The Greptile Design System became their internal launchpad.
Built to be scalable
200+ components, states and tokens
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation
WEB APP RESKIN
Every screen. Every edge. Now pixel-aligned with the brand
Built to be scalable
200+ components, states and tokens
Modular, atomic design system for flexibility
Dev-first documentation for fast implementation