Atomic Design System

Contact for pricing

About this service

Summary

Specializing in designing and developing comprehensive design systems that help clients maintain consistency across their brands and improve efficiency in their design process.

What's included

  • Design Tokens

    This deliverable contains the most fundamental styles of the product's design system. It includes defined variables for color styles, text styles, shadows, font properties, sizing, spacing, and border attributes. These tokens are the foundation for maintaining consistency and scalability in any project, facilitating improved communication between designers, developers, and cross-functional teams.

  • Components Library

    This deliverable contains a comprehensive collection of reusable interface elements, encompassing various categories such as content display, navigation, and containers and layouts. It is organized based on an atomic design approach, including atoms, molecules, organisms, templates, and pages. This library serves as a crucial tool for maintaining design consistency and accelerating the product development process.

Recommendations

(5.0)

Moe Abdalkarim

Client • Oct 24, 2024

Mohammed exceeded expectations, as always! His creativity in product design and branding is outstanding. He is professional, communicative, and a pleasure to work with. Excited for more collaborations!


Skills and tools

Product Designer
Design Token
Design Systems
Figma
Notion

Industries

Web Apps
Mobile Apps
Web Design

Work with me