Problem: Consistency taking over craftsmanship.
Sargam is a free-form design improvisation framework that drive to scale, and gives flexibility and creative freedom for working with the unknown of the future. Helps you materialize higher-level concepts, such as design principles and brand values, into concrete interfaces without losing core design ethos.
From the design principles, foundations, voice and tone, to libraries, conceptual models, patterns, and design tokens. Sargam brings all of these together in a way that allows teams to think, explore, iterate, ship and iterate.
Three distinct levels of Sargam design
Level 1: Principles
At level one, the design guiding principles at the foundational level will be defined. Below are the some of the key areas Sargam covers in Level 1, based on Indian Classical Music (ICM) aesthetics:
- Color Spectrum (Swaras in ICM)
- Sequential Schemes (Shruti)
- Typography (Alankaar)
- Paddings (Taal)
- Layouts (Dhrupad)
Level 2: Compositions
This level demonstrate how above principles have been applied in components, screens or patterns, and document extended or derived patterns for specific use cases. Sargam aims to keep the compositions elastic, valuing craftsmanship over consistency.
Compositions further categorized into 3 sub categories:
- Components (Raga in ICM)
- Features/User Stories (Ghazals)
- Apps (Gharana)
Level 3: Inventory
Inventory will be used to record foundations like design tokens, token translation workflow, insight framework, how we work, how we name files, how we organize them, design tools, developers hand-off guides etc.
A collection of standardized formats to keep all stakeholders aligned and accelerate design workflows across teams. Templates to empower team to work in parallel and ship high-quality work with speed.
Below are some of the key areas Sargam inventory will be covering:
- Design Tokens + Translation
- Insight Framework, How We Work, Get Started Templates
- Developers Hand-Off Guide
Sargam UI allows you to craft and ship your products with confidence. It’s a free-form design system improvisation framework, made for creators who want to craft and deliver high quality products with speed and scale.
I’m aiming to release Sargam UI v1.0 on Figma community, on or before 15th of August 2021. Below are the guiding principles I’m focusing on while building Sargam UI:
Crafted — Thoughtful & elegant craftsmanship.
Simple — Keep it super simple.
Universal — Welcoming & accessible visual language.
Warmth — Built for warmth and caring vibe.
Authentic — No one like Sargam.
Clarity — Eliminate ambiguity.
Download the Sargam UI here →
Share your experiences and thoughts in comments section. And if you liked the Sargam approach, then please share it on your social accounts.