1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-31 21:11:44 +02:00

Migrate design system roadmap

This commit is contained in:
Kamran Ahmed
2025-07-07 13:54:21 +01:00
parent 06aa93a46d
commit 51b960420b
143 changed files with 7101 additions and 8183 deletions

View File

@@ -3,6 +3,6 @@
"enabled": false
},
"_variables": {
"lastUpdateCheck": 1750679157111
"lastUpdateCheck": 1751887359982
}
}

View File

@@ -0,0 +1 @@
# Avatar

View File

@@ -0,0 +1 @@
# Badges

View File

@@ -0,0 +1 @@
# Banners

View File

@@ -0,0 +1 @@
# Buttons

View File

@@ -0,0 +1 @@
# Cards

View File

@@ -0,0 +1 @@
# Color

View File

@@ -1,3 +0,0 @@
# Brand
Brand drives every single decision you make when building new products or features. A good brand is much more than a name and a logo. Its the values that define your unique identity and what makes you stand out from others.

View File

@@ -1,3 +0,0 @@
# Guidelines
Providing guidance on how to approach common UX patterns will allow your organisation to establish a consistent approach and a consistent user experience on any platform.

View File

@@ -1,3 +0,0 @@
# Logo
Most customers form an opinion about a product in seconds. In most cases, your logo will be the first brand asset someone sees. Its all about making the right first impression. A distinctive logo helps users recognise a product immediately and gives them the essence of your branding.

View File

@@ -1,3 +0,0 @@
# Color
Not only an efficient way to showcase your brand, but also an efficient way to communicate with your users. Colour palettes created with purpose over aesthetics in mind can help you create intuitive design patterns by adding meaning to your interface.

View File

@@ -1,3 +0,0 @@
# Iconography
Icons are symbols that represent functionality or content. Theyre especially recognisable and helpful in user interfaces since their meaning can be understood at a glance. hough they can be used just for decoration, their full potential can be realised when theyre used meaningfully and consistently.

View File

@@ -1,3 +0,0 @@
# Layout
A well thought out layout goes a long way. Consistent use of a grid and spacing makes it easier for your users to scan the user interface and grasp the content.

View File

@@ -1,3 +0,0 @@
# Typography
Typography is one of the main ways you surface content in products. A clear hierarchy and contrasting styles in your typography scale will make things easier to read and help with the overall structure of your product. Its also an opportunity to visualise your brand character and presence.

View File

@@ -0,0 +1 @@
# Dropdowns

View File

@@ -1,3 +0,0 @@
# Identify Components
Components of the application are created using a composition of design elements gathered in the previous step. Identify the list of components required for the application, which could include buttons, dropdowns, carousels, tabs, icons, alerts, toasts etc. Also, make sure to keep track of the different states of these components as well as different variants and actions.

View File

@@ -1,3 +0,0 @@
# Identify Design Elements
Use the results of visual audit and prepare a comprehensive list of design elements such as Colors, Typography, Sizes, Spaces, Grid, Layouts etc. These elements will be the building blocks of your components.

View File

@@ -0,0 +1 @@
# Forms

View File

@@ -0,0 +1 @@
# Icons

View File

@@ -0,0 +1 @@
# ...other

View File

@@ -1,3 +0,0 @@
# Analytics
Data isnt the only driving factor when it comes to the development of design systems. Keeping a sharp eye on how your systems used in the development process and the end product can inform your go-forward strategy.

View File

@@ -1,3 +0,0 @@
# Communications
Your users play a great role in shaping your design system. Creating communication channels where they can raise their voices helps you keep track of how theyre using your system. Itll also improve their sense of ownership and the adoption of your system.

View File

@@ -1,3 +0,0 @@
# Task Management
Solid task management and workflows are a crucial step in executing any project. Adopting a methodology like Agile or Kanban helps you cover a lot of ground.

Some files were not shown because too many files have changed in this diff Show More