Design System | UI kit | +6000 Components

A design system is crucial for companies that want to save time and ensure consistency in their products. That’s why I created a free design system for small companies that don’t have the budget to hire an in-house designer. I also created a design system for designers who want to create their own but don’t know how to get started. The Santander Design System is free for anyone to use, and you can mention me as the author if you like, but it’s not required.

Layout Grid Design System

Layout Grid Design System is an essential tool for designers who want to create a consistent and organized layout for their designs. It helps to establish a systematic approach to design by providing a set of guidelines for spacing, alignment, and proportions. By using a layout grid, designers can easily create a visually pleasing and balanced design that is easy to read and navigate.

Layout Grid Design System

Icons Design System

Icons Design System is an important tool for designers who want to create a consistent and recognizable visual language for their designs. It provides a set of guidelines for creating icons that are visually harmonious and communicate effectively with users. Icons Design System can include specifications for icon size, shape, color, and style, as well as guidelines for creating new icons that fit seamlessly with existing ones.

By using Icons Design System, designers can save time and ensure that their icons are consistent across different products and platforms. Icons that are consistent and well-designed can also help to improve user experience and make it easier for users to understand the function and purpose of different features and functions.

Colors and Shadows Design System

Colors and Shadows Design System is an important part of any design system that ensures consistency of colors and shadows across a company’s products. Using colors and shadows according to established rules helps create a beautiful, professional, and easily recognizable visual style. It can also save time and simplify the design process, as designers already have ready-made sets of colors and shadows that they can use in their work.

Colors and Shadows Design System

Colors and Shadows Design System

Fonts Design System

Fonts Design System is an important aspect of any design system as it provides consistency in typography across a company’s products. Consistent use of fonts helps establish a visual identity and brand recognition, while also making the content more readable and accessible to users. Using a standardized set of fonts also saves time and effort for designers and developers, as they don’t need to spend time searching for appropriate fonts or creating new ones for each project. Overall, Fonts Design System is an essential tool for creating a cohesive and professional look for a company’s products.

Fonts Design System
Fonts Design System

Typography Design System

Typography Design System is a crucial part of any design system as it provides a set of rules and guidelines for using typography consistently across a company’s products. This includes choosing the right fonts, font sizes, line heights, and letter spacing to create a harmonious and readable design. A well-defined typography system helps establish a brand’s identity, convey the appropriate tone, and improve the user experience. Additionally, consistent typography across products creates a professional and polished look, making it easier for users to engage with the content. In summary, Typography Design System is an essential tool for creating a cohesive and effective visual language across a company’s products.

Typography Design System
Typography Design System

Identificadores Design System

Identificadores Design System
Identificadores Design System

Patterns and Decoration Design System

Patterns and Decoration Design System
Patterns and Decoration Design System

Buttons Design System

Buttons Design System
Buttons Design System

Tag Design System

Tag Design System
Tag Design System

Inputs Design System

Inputs Design System
Inputs Design System

Switch Design System

Switch Design System
Switch Design System

Text Area Design System

Text Area Design System
Text Area Design System

Dropdown Design System

Dropdown Design System
Dropdown Design System

Checkbox Design System

Checkbox Design System
Checkbox Design System

Menu Design System

Menu Design System
Menu Design System

Menu Design System

Menu Design System
Menu Design System

Cards Design System

Cards Design System
Cards Design System

Leave a Reply