![](https://figma-free.com/wp-content/uploads/2022/01/image-1-2.jpg)
Concrete,is a Design System used and developed by habx. It is built with a useful set of styles and versatile components.
Based on a solid basis and efficient design. It is adaptable and usable by most.
Concrete Design System
![Concrete Design System](https://figma-free.com/wp-content/uploads/2023/02/image-38.png)
Guidelines – Colors Concrete – Design System
![Guidelines - Colors Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-39.png)
Guidelines – Typography Concrete – Design System
![Guidelines - Typography Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-40.png)
Grid, Breakpoint & Spacing Concrete – Design System
![Grid, Breakpoint & Spacing Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-41.png)
Elevation, Strokes & Radius Concrete – Design System
![Elevation, Strokes & Radius Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-42.png)
![Elevation, Strokes & Radius Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-43.png)
Motion Concrete – Design System
![Motion Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-44.png)
Alert Concrete – Design System
![Alert Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-45.png)
![Alert Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-46.png)
Badge Concrete – Design System
![Badge Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-47.png)
Breadcrumb Concrete – Design System
![Breadcrumb Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-48.png)
Button & Icon button Concrete – Design System
![Button & Icon button Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-49.png)
![Button & Icon button Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-50.png)
![Button & Icon button Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-51.png)
Card Concrete – Design System
![Card Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-52.png)
Card menu Concrete – Design System
![Card menu Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-53.png)
Check, Radio & Toggle Concrete – Design System
![Check, Radio & Toggle Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-54.png)
![Check, Radio & Toggle Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-55.png)
![Check, Radio & Toggle Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-56.png)
Date Picker Concrete – Design System
![Date Picker Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-57.png)
Dot navigation Concrete – Design System
![Dot navigation Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-58.png)
Drop Zone Concrete – Design System
![Drop Zone Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-59.png)
Expansion Panel Concrete – Design System
![Expansion Panel Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-60.png)
Header Concrete – Design System
![Header Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-61.png)
Text input Concrete – Design System
![Text input Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-62.png)
Tooltip Concrete – Design System
![Tooltip Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-63.png)
Lightbox Concrete – Design System
![Lightbox Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-64.png)
Menu Concrete – Design System
![Menu Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-65.png)
Modal Concrete – Design System
![Modal Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-66.png)
Nav bar Concrete – Design System
![Nav bar Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-67.png)
Progress indicator Concrete – Design System
![Progress indicator Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-68.png)
Slider Concrete – Design System
![Slider Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-69.png)
Tab bar Concrete – Design System
![Tab bar Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-70.png)
Table Concrete – Design System
![Table Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-71.png)
Tag & Tab ( icon tag) + badge Concrete – Design System
![Tag & Tab ( icon tag) + badge Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-72.png)
Toaster Concrete – Design System
![Toaster Concrete - Design System](https://figma-free.com/wp-content/uploads/2023/02/image-73.png)