@maggioli-design-system/design-tokens
Version:
This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.
366 lines • 7.21 kB
JSON
{
"color": {
"tone": {
"slate": {
"light": {
"1": {
"value": "#1c222a"
},
"2": {
"value": "#212932"
},
"3": {
"value": "#364151"
},
"4": {
"value": "#47556a"
},
"5": {
"value": "#5f738f"
},
"6": {
"value": "#95a4b8"
},
"7": {
"value": "#cfd5df"
},
"8": {
"value": "#e2e6ec"
},
"9": {
"value": "#f1f3f6"
},
"10": {
"value": "#f7f8fa"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#dde1e8"
},
"2": {
"value": "#d2d8e1"
},
"3": {
"value": "#abb6c7"
},
"4": {
"value": "#8c9cb3"
},
"5": {
"value": "#657b98"
},
"6": {
"value": "#424f63"
},
"7": {
"value": "#232b35"
},
"8": {
"value": "#181d24"
},
"9": {
"value": "#0e1115"
},
"10": {
"value": "#07090b"
},
"color": {
"value": "#000000"
}
}
},
"grey": {
"light": {
"1": {
"value": "#1f2126"
},
"2": {
"value": "#25282e"
},
"3": {
"value": "#3b4049"
},
"4": {
"value": "#4e5560"
},
"5": {
"value": "#697282"
},
"6": {
"value": "#9ca3af"
},
"7": {
"value": "#d2d5da"
},
"8": {
"value": "#e6e7ea"
},
"9": {
"value": "#f2f3f5"
},
"10": {
"value": "#f8f8f9"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#dee1e5"
},
"2": {
"value": "#d4d7dd"
},
"3": {
"value": "#b1b6c0"
},
"4": {
"value": "#949ba8"
},
"5": {
"value": "#707a8a"
},
"6": {
"value": "#484f5a"
},
"7": {
"value": "#272b31"
},
"8": {
"value": "#1b1d21"
},
"9": {
"value": "#0e0f11"
},
"10": {
"value": "#08090a"
},
"color": {
"value": "#000000"
}
}
},
"zinc": {
"light": {
"1": {
"value": "#212125"
},
"2": {
"value": "#28282c"
},
"3": {
"value": "#404046"
},
"4": {
"value": "#54545c"
},
"5": {
"value": "#70707c"
},
"6": {
"value": "#a1a1aa"
},
"7": {
"value": "#d4d4d8"
},
"8": {
"value": "#e6e6e8"
},
"9": {
"value": "#f3f3f4"
},
"10": {
"value": "#f8f8f9"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#e0e0e3"
},
"2": {
"value": "#d7d7db"
},
"3": {
"value": "#b5b5bd"
},
"4": {
"value": "#9a9aa4"
},
"5": {
"value": "#797985"
},
"6": {
"value": "#4e4e57"
},
"7": {
"value": "#2a2a2e"
},
"8": {
"value": "#1c1c1f"
},
"9": {
"value": "#111113"
},
"10": {
"value": "#090909"
},
"color": {
"value": "#000000"
}
}
},
"neutral": {
"light": {
"1": {
"value": "#212121"
},
"2": {
"value": "#282828"
},
"3": {
"value": "#404040"
},
"4": {
"value": "#545454"
},
"5": {
"value": "#717171"
},
"6": {
"value": "#a2a2a2"
},
"7": {
"value": "#d4d4d4"
},
"8": {
"value": "#e7e7e7"
},
"9": {
"value": "#f3f3f3"
},
"10": {
"value": "#f8f8f8"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#e1e1e1"
},
"2": {
"value": "#d8d8d8"
},
"3": {
"value": "#b5b5b5"
},
"4": {
"value": "#9b9b9b"
},
"5": {
"value": "#7a7a7a"
},
"6": {
"value": "#4e4e4e"
},
"7": {
"value": "#2b2b2b"
},
"8": {
"value": "#1d1d1d"
},
"9": {
"value": "#0f0f0f"
},
"10": {
"value": "#090909"
},
"color": {
"value": "#000000"
}
}
},
"stone": {
"light": {
"1": {
"value": "#232120"
},
"2": {
"value": "#2a2826"
},
"3": {
"value": "#44403d"
},
"4": {
"value": "#59534f"
},
"5": {
"value": "#78706c"
},
"6": {
"value": "#a7a19d"
},
"7": {
"value": "#d7d4d2"
},
"8": {
"value": "#e8e6e5"
},
"9": {
"value": "#f4f3f2"
},
"10": {
"value": "#f9f8f8"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#e2e0df"
},
"2": {
"value": "#dad7d6"
},
"3": {
"value": "#b9b5b1"
},
"4": {
"value": "#a09a96"
},
"5": {
"value": "#7f7872"
},
"6": {
"value": "#534e4a"
},
"7": {
"value": "#2d2a29"
},
"8": {
"value": "#1e1c1b"
},
"9": {
"value": "#100f0f"
},
"10": {
"value": "#090908"
},
"color": {
"value": "#000000"
}
}
}
}
}
}