UX/UI Designer
PURE VISION
PURE VISION
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Year
2020
Year
2020
Year
2020
Client
Client Project
Client
Client Project
Client
Client Project
Industry
EdTech
Industry
EdTech
Industry
EdTech
Project Duration
3 months
Project Duration
3 months
Project Duration
3 months
The Problem
Pure Vision Learning, an EdTech startup, needed a unified visual identity and design system to ensure consistency across their growing product suite. Without established guidelines, each new feature introduced visual debt and brand fragmentation.
Brand & System Foundation
Selected TeX Gyre Adventor as the primary typeface, a geometric sans-serif conveying approachability and intellectual rigor. Built a complete type scale (H1–H5) with defined line heights and responsive adjustments. Designed a dual-layer color system: brand colors for identity touchpoints, UI colors with programmatic tint/shade scales for interface use. Each color includes accessibility-tested contrast ratios. Created 3 icon set variants (outlined, filled, illustrated) for different contexts.
Component Library & Application
Built a component library covering core UI patterns: form elements, buttons (primary, secondary, ghost with size and state variants), alerts and notifications, pagination, cards and content containers. Extended the design system into brand collateral: business cards, letterheads, brochures, and email signatures. Applied the system to responsive web pages including the home page and event listing pages.
Outcome
Delivered a comprehensive design system serving as the single source of truth for Pure Vision Learning’s product and marketing teams. The system reduced design-to-development handoff friction and eliminated visual inconsistencies across features. This project demonstrates end-to-end design system architecture from brand strategy through token definition to component library and real-world application.
MORE
Latest Projects
UX/UI Designer
PURE VISION
PURE VISION
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Year
2020
Year
2020
Year
2020
Client
Client Project
Client
Client Project
Client
Client Project
Industry
EdTech
Industry
EdTech
Industry
EdTech
Project Duration
3 months
Project Duration
3 months
Project Duration
3 months
The Problem
Pure Vision Learning, an EdTech startup, needed a unified visual identity and design system to ensure consistency across their growing product suite. Without established guidelines, each new feature introduced visual debt and brand fragmentation.
Brand & System Foundation
Selected TeX Gyre Adventor as the primary typeface, a geometric sans-serif conveying approachability and intellectual rigor. Built a complete type scale (H1–H5) with defined line heights and responsive adjustments. Designed a dual-layer color system: brand colors for identity touchpoints, UI colors with programmatic tint/shade scales for interface use. Each color includes accessibility-tested contrast ratios. Created 3 icon set variants (outlined, filled, illustrated) for different contexts.
Component Library & Application
Built a component library covering core UI patterns: form elements, buttons (primary, secondary, ghost with size and state variants), alerts and notifications, pagination, cards and content containers. Extended the design system into brand collateral: business cards, letterheads, brochures, and email signatures. Applied the system to responsive web pages including the home page and event listing pages.
Outcome
Delivered a comprehensive design system serving as the single source of truth for Pure Vision Learning’s product and marketing teams. The system reduced design-to-development handoff friction and eliminated visual inconsistencies across features. This project demonstrates end-to-end design system architecture from brand strategy through token definition to component library and real-world application.
MORE
Latest Projects
UX/UI Designer
PURE VISION
PURE VISION
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Comprehensive design system and brand identity for an EdTech startup — from typography scales and color tokens to icon sets, UI components, and responsive web layouts. Building a scalable design language from zero.
Year
2020
Year
2020
Year
2020
Client
Client Project
Client
Client Project
Client
Client Project
Industry
EdTech
Industry
EdTech
Industry
EdTech
Project Duration
3 months
Project Duration
3 months
Project Duration
3 months
The Problem
Pure Vision Learning, an EdTech startup, needed a unified visual identity and design system to ensure consistency across their growing product suite. Without established guidelines, each new feature introduced visual debt and brand fragmentation.
Brand & System Foundation
Selected TeX Gyre Adventor as the primary typeface, a geometric sans-serif conveying approachability and intellectual rigor. Built a complete type scale (H1–H5) with defined line heights and responsive adjustments. Designed a dual-layer color system: brand colors for identity touchpoints, UI colors with programmatic tint/shade scales for interface use. Each color includes accessibility-tested contrast ratios. Created 3 icon set variants (outlined, filled, illustrated) for different contexts.
Component Library & Application
Built a component library covering core UI patterns: form elements, buttons (primary, secondary, ghost with size and state variants), alerts and notifications, pagination, cards and content containers. Extended the design system into brand collateral: business cards, letterheads, brochures, and email signatures. Applied the system to responsive web pages including the home page and event listing pages.
Outcome
Delivered a comprehensive design system serving as the single source of truth for Pure Vision Learning’s product and marketing teams. The system reduced design-to-development handoff friction and eliminated visual inconsistencies across features. This project demonstrates end-to-end design system architecture from brand strategy through token definition to component library and real-world application.
MORE