@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.22 kB
JSON
{
"color": {
"tone": {
"porcelain": {
"light": {
"1": {
"value": "#000000"
},
"2": {
"value": "#232b35"
},
"3": {
"value": "#354151"
},
"4": {
"value": "#4b5a71"
},
"5": {
"value": "#627693"
},
"6": {
"value": "#95a3b8"
},
"7": {
"value": "#aeb9c9"
},
"8": {
"value": "#c9d0db"
},
"9": {
"value": "#e1e5eb"
},
"10": {
"value": "#eceef2"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#ffffff"
},
"2": {
"value": "#f3f4f7"
},
"3": {
"value": "#e6eaef"
},
"4": {
"value": "#d5dbe3"
},
"5": {
"value": "#bdc6d3"
},
"6": {
"value": "#909fb5"
},
"7": {
"value": "#7589a4"
},
"8": {
"value": "#596b86"
},
"9": {
"value": "#404d60"
},
"10": {
"value": "#333e4d"
},
"color": {
"value": "#000000"
}
}
},
"kaolin": {
"light": {
"1": {
"value": "#000000"
},
"2": {
"value": "#272a30"
},
"3": {
"value": "#3b4049"
},
"4": {
"value": "#535a67"
},
"5": {
"value": "#6c7686"
},
"6": {
"value": "#9ba2af"
},
"7": {
"value": "#b4b9c2"
},
"8": {
"value": "#cdd0d7"
},
"9": {
"value": "#e3e5e8"
},
"10": {
"value": "#edeef1"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#ffffff"
},
"2": {
"value": "#f4f4f6"
},
"3": {
"value": "#e8e9ec"
},
"4": {
"value": "#d7dadf"
},
"5": {
"value": "#c2c6ce"
},
"6": {
"value": "#979fab"
},
"7": {
"value": "#7e8797"
},
"8": {
"value": "#636b7a"
},
"9": {
"value": "#474d58"
},
"10": {
"value": "#383c45"
},
"color": {
"value": "#000000"
}
}
},
"neutral": {
"light": {
"1": {
"value": "#000000"
},
"2": {
"value": "#2a2a2a"
},
"3": {
"value": "#404040"
},
"4": {
"value": "#595959"
},
"5": {
"value": "#757575"
},
"6": {
"value": "#a2a2a2"
},
"7": {
"value": "#b8b8b8"
},
"8": {
"value": "#d0d0d0"
},
"9": {
"value": "#e4e4e4"
},
"10": {
"value": "#eeeeee"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#ffffff"
},
"2": {
"value": "#f4f4f4"
},
"3": {
"value": "#e9e9e9"
},
"4": {
"value": "#dadada"
},
"5": {
"value": "#c5c5c5"
},
"6": {
"value": "#9e9e9e"
},
"7": {
"value": "#868686"
},
"8": {
"value": "#6b6b6b"
},
"9": {
"value": "#4c4c4c"
},
"10": {
"value": "#3c3c3c"
},
"color": {
"value": "#000000"
}
}
},
"fireclay": {
"light": {
"1": {
"value": "#000000"
},
"2": {
"value": "#2e2925"
},
"3": {
"value": "#464039"
},
"4": {
"value": "#62584f"
},
"5": {
"value": "#7f7367"
},
"6": {
"value": "#aaa097"
},
"7": {
"value": "#bfb8b0"
},
"8": {
"value": "#d4cfcb"
},
"9": {
"value": "#e7e4e2"
},
"10": {
"value": "#f0eeed"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#ffffff"
},
"2": {
"value": "#f6f4f3"
},
"3": {
"value": "#ece9e7"
},
"4": {
"value": "#ddd9d6"
},
"5": {
"value": "#cbc5be"
},
"6": {
"value": "#a79c92"
},
"7": {
"value": "#918478"
},
"8": {
"value": "#73695e"
},
"9": {
"value": "#534b44"
},
"10": {
"value": "#423b35"
},
"color": {
"value": "#000000"
}
}
},
"bisque": {
"light": {
"1": {
"value": "#000000"
},
"2": {
"value": "#302927"
},
"3": {
"value": "#493d3a"
},
"4": {
"value": "#665652"
},
"5": {
"value": "#85706a"
},
"6": {
"value": "#ae9f9a"
},
"7": {
"value": "#c2b6b3"
},
"8": {
"value": "#d6cecc"
},
"9": {
"value": "#e8e4e3"
},
"10": {
"value": "#f0eeed"
},
"color": {
"value": "#FFFFFF"
}
},
"dark": {
"1": {
"value": "#ffffff"
},
"2": {
"value": "#f6f5f4"
},
"3": {
"value": "#ece9e8"
},
"4": {
"value": "#dfd8d7"
},
"5": {
"value": "#cdc4c1"
},
"6": {
"value": "#ab9b96"
},
"7": {
"value": "#97827c"
},
"8": {
"value": "#796761"
},
"9": {
"value": "#574a46"
},
"10": {
"value": "#453a37"
},
"color": {
"value": "#000000"
}
}
}
}
}
}