Design System

Valentyn Khenkin

0

UX Designer

UI Designer

Figma

Atomic Design

A modular approach for building flexible UI components.
A modular approach for building flexible UI components.

Design Process

Step-by-step workflow for creating a cohesive system.
Step-by-step workflow for creating a cohesive system.

Typography

A carefully selected type system for readability and hierarchy.
A carefully selected type system for readability and hierarchy.

Color Palette

A balanced color scheme for visual harmony and accessibility.
A balanced color scheme for visual harmony and accessibility.

Grid System and Spacing

A structured layout framework for alignment and responsiveness. Defined spacing rules for a clean and organized UI.
A structured layout framework for alignment and responsiveness. Defined spacing rules for a clean and organized UI.

Iconography

A consistent icon set for clear visual communication.
A consistent icon set for clear visual communication.

Buttons

Scalable and accessible button styles for interaction.
Scalable and accessible button styles for interaction.

Inputs

Well-structured input fields for seamless user input.
Well-structured input fields for seamless user input.

Navigation

Intuitive navigation patterns for smooth user flow.
Intuitive navigation patterns for smooth user flow.

Other Elements

Like this project
0

Posted Feb 25, 2025

Building the design system using the Atomic Design Method to provide a more structured, modular, and scalable framework for achieving consistency in design

Likes

0

Views

6

Tags

UX Designer

UI Designer

Figma

CELTO : UI/UX Design | Ethnic Jewelry | Web Design
CELTO : UI/UX Design | Ethnic Jewelry | Web Design
Signals, decisions, and workflows to stop fake accounts
Signals, decisions, and workflows to stop fake accounts
Calm&Rest: UI/UX Design. Mobile Design.
Calm&Rest: UI/UX Design. Mobile Design.
CLAREO: Graphic Design | 3D Motion Cosmetics | Branding
CLAREO: Graphic Design | 3D Motion Cosmetics | Branding