Kleros Design System Free Figma Template

Kleros Design System - Free Figma Template

The Kleros Design System was created to reflect key principles, personality traits, and patterns, providing a cohesive language, consistent look and feel, and strong experience for all products within Kleros' ecosystem. 

It consists of a collection of atomic designed components created to foster the design, development, and integration with other applications.

Summary

120+ Atomic designed components.

8px base spacing system.

Themeable colors and typography styles.

Components

Buttons, Containers, Collapses (Accordion), Dropdowns, Forms, Displayers, Pagination, File Uploader, Radio, Checkbox, Switch, Slider, Tooltips, Breadcrumbs, Alert Messages, Push Notifications, Tabs, Steps, Timeline, Progress, Selectors, Date & Time Picker, Group of Item Cards, Table, Headers, Modal Boxes.

+ Kleros specific organisms

Evidence Module, Appeal Module, Voting History Module, Dispute Header Module, Question Module, Navbar, Footer, Connect Wallet Box, Settings Box, Activity Box, Notifications Subscription Box, FAQ Module, and FAQ Page Template.

Kleros is an open-source online dispute resolution protocol which uses blockchain and crowdsourcing to fairly adjudicate disputes.

Learn more on Kleros.io

This freebie Kleros Design System was originally shared by Plinio Braga on this url.

The category for this freebie is Uncategorized. Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask Plinio Braga nicely and they will probably allow you to use it.