@devoinc/genesys-brand-devo
Version:
Devo brand tokens
582 lines • 14.1 kB
JavaScript
module.exports = {
"global": {
"color": {
"blend": {
"black": {
"10": "rgba(0,0,0,.4)",
"11": "rgba(0,0,0,.44)",
"12": "rgba(0,0,0,.48)",
"13": "rgba(0,0,0,.52)",
"14": "rgba(0,0,0,.56)",
"15": "rgba(0,0,0,.6)",
"16": "rgba(0,0,0,.64)",
"17": "rgba(0,0,0,.68)",
"18": "rgba(0,0,0,.72)",
"19": "rgba(0,0,0,.76)",
"20": "rgba(0,0,0,.8)",
"21": "rgba(0,0,0,.84)",
"22": "rgba(0,0,0,.88)",
"23": "rgba(0,0,0,.92)",
"24": "rgba(0,0,0,.96)",
"25": "rgba(0,0,0,1)",
"01": "rgba(0,0,0,.04)",
"02": "rgba(0,0,0,.08)",
"03": "rgba(0,0,0,.12)",
"04": "rgba(0,0,0,.16)",
"05": "rgba(0,0,0,.2)",
"06": "rgba(0,0,0,.24)",
"07": "rgba(0,0,0,.28)",
"08": "rgba(0,0,0,.32)",
"09": "rgba(0,0,0,.36)"
},
"white": {
"10": "rgba(255,255,255,.4)",
"11": "rgba(255,255,255,.44)",
"12": "rgba(255,255,255,.48)",
"13": "rgba(255,255,255,.52)",
"14": "rgba(255,255,255,.56)",
"15": "rgba(255,255,255,.6)",
"16": "rgba(255,255,255,.64)",
"17": "rgba(255,255,255,.68)",
"18": "rgba(255,255,255,.72)",
"19": "rgba(255,255,255,.76)",
"20": "rgba(255,255,255,.8)",
"21": "rgba(255,255,255,.84)",
"22": "rgba(255,255,255,.88)",
"23": "rgba(255,255,255,.92)",
"24": "rgba(255,255,255,.96)",
"25": "rgba(255,255,255,1)",
"01": "rgba(255,255,255,.04)",
"02": "rgba(255,255,255,.08)",
"03": "rgba(255,255,255,.12)",
"04": "rgba(255,255,255,.16)",
"05": "rgba(255,255,255,.2)",
"06": "rgba(255,255,255,.24)",
"07": "rgba(255,255,255,.28)",
"08": "rgba(255,255,255,.32)",
"09": "rgba(255,255,255,.36)"
}
},
"error": {
"10": "#45171B",
"00": "#FFF7F7",
"01": "#FAF0F0",
"02": "#FAD4D4",
"03": "#FAB6B6",
"04": "#FA8E8E",
"05": "#E96060",
"06": "#D62433",
"07": "#B80D1B",
"08": "#8F0E19",
"09": "#66141B"
},
"help": {
"10": "#0A282B",
"00": "#E6F8FA",
"01": "#D5F6FA",
"02": "#87EDFA",
"03": "#46D7EB",
"04": "#0DC4DE",
"05": "#11A4B8",
"06": "#098091",
"07": "#096673",
"08": "#0A525C",
"09": "#0A3A40"
},
"info": {
"10": "#0C2938",
"00": "#F0FAFF",
"01": "#E8F4FA",
"02": "#BBE5FA",
"03": "#8DD4F7",
"04": "#53BAED",
"05": "#229AD6",
"06": "#0C79B0",
"07": "#066391",
"08": "#064D70",
"09": "#093952"
},
"neutral": {
"10": "#525E66",
"11": "#48545C",
"12": "#3C4952",
"13": "#333F48",
"14": "#233038",
"15": "#1F282E",
"16": "#182026",
"00": "#F5F8FA",
"01": "#F0F3F5",
"02": "#E1EAF0",
"03": "#D3E0E8",
"04": "#C3D3DE",
"05": "#BAC9D4",
"06": "#9DB0BD",
"07": "#81919C",
"08": "#667580",
"09": "#5B6870"
},
"primary": {
"10": "#464D00",
"00": "#FEFFF0",
"01": "#FCFFDB",
"02": "#F8FFAD",
"03": "#EEFA6E",
"04": "#E5F536",
"05": "#D7E817",
"06": "#CCDF00",
"07": "#B4C400",
"08": "#9AA800",
"09": "#727C00"
},
"rating": {
"01": "#EBAB00",
"02": "#FFBF15",
"03": "#D19800"
},
"secondary": {
"10": "#182B42",
"00": "#F5F9FF",
"01": "#E6EDF5",
"02": "#C6DBF5",
"03": "#A4C8F5",
"04": "#7FB4F5",
"05": "#5893DB",
"06": "#2A6CBD",
"07": "#16529C",
"08": "#0C4080",
"09": "#103663"
},
"social": {
"twitter": {
"01": "#1DA1F2"
},
"linkedin": {
"01": "#007BB5"
},
"youtube": {
"01": "#FF0000"
},
"googlePlus": {
"01": "#DB4437"
}
},
"success": {
"10": "#0A2E22",
"00": "#F0FFFA",
"01": "#E1FAF2",
"02": "#8EF5D3",
"03": "#46E3AF",
"04": "#1EC990",
"05": "#0AA672",
"06": "#03855A",
"07": "#056B49",
"08": "#07543A",
"09": "#09402E"
},
"visualization": {
"blue": {
"10": "#15233b",
"01": "#f0f5fc",
"02": "#cfe0fc",
"03": "#accbfc",
"04": "#84b1fa",
"05": "#5691f0",
"06": "#3272d9",
"07": "#1d5bbf",
"08": "#114599",
"09": "#103570"
},
"bronze": {
"10": "#33210C",
"01": "#fcf2e6",
"02": "#fad8af",
"03": "#f5bc76",
"04": "#e89c3f",
"05": "#cf7911",
"06": "#ad5f00",
"07": "#8a4d03",
"08": "#693d07",
"09": "#4d2f0b"
},
"dusk": {
"10": "#282436",
"01": "#f4f2f7",
"02": "#e3dcf7",
"03": "#cec2f0",
"04": "#b5a6e3",
"05": "#9886cf",
"06": "#7a68b3",
"07": "#645396",
"08": "#4f4178",
"09": "#3a3154"
},
"green": {
"10": "#112b1b",
"01": "#e1faeb",
"02": "#abedc5",
"03": "#7ddba3",
"04": "#57c282",
"05": "#3ba164",
"06": "#2a854e",
"07": "#20693d",
"08": "#1a5230",
"09": "#153d25"
},
"indigo": {
"10": "#020257",
"01": "#f2f2fc",
"02": "#dcdcfc",
"03": "#c2c2fc",
"04": "#a7a7fa",
"05": "#8585f2",
"06": "#6767e6",
"07": "#4d4dd1",
"08": "#3737b3",
"09": "#28288a"
},
"magenta": {
"10": "#421527",
"01": "#faf0f4",
"02": "#fad4e4",
"03": "#fab4d1",
"04": "#f78bb8",
"05": "#ed5393",
"06": "#d6246e",
"07": "#b01355",
"08": "#8a1244",
"09": "#611535"
},
"purple": {
"10": "#371c52",
"01": "#f5f0fa",
"02": "#ead9fa",
"03": "#dabcf7",
"04": "#c79bf2",
"05": "#ae74e8",
"06": "#9656d6",
"07": "#7d3cbd",
"08": "#642b9e",
"09": "#4b2175"
},
"red": {
"10": "#451717",
"01": "#faf0f0",
"02": "#fad4d4",
"03": "#fab6b6",
"04": "#fa8e8e",
"05": "#f55353",
"06": "#de1b1b",
"07": "#B80D0D",
"08": "#8f0e0e",
"09": "#661414"
},
"sky": {
"10": "#0c2938",
"01": "#e8f4fa",
"02": "#bbe5fa",
"03": "#8dd4f7",
"04": "#53baed",
"05": "#229ad6",
"06": "#0c7bb3",
"07": "#066391",
"08": "#064d70",
"09": "#093952"
},
"slate": {
"10": "#1D2830",
"01": "#edf4f7",
"02": "#cbe3f5",
"03": "#a7ceeb",
"04": "#84b7db",
"05": "#5e95bd",
"06": "#48799c",
"07": "#376180",
"08": "#2d4d63",
"09": "#243947"
},
"teal": {
"10": "#092b29",
"01": "#e4f7f6",
"02": "#a8ede9",
"03": "#6cd9d2",
"04": "#45bfb7",
"05": "#28a199",
"06": "#17827b",
"07": "#116963",
"08": "#0d524d",
"09": "#0b3d3a"
}
},
"temperature": {
"10": "#48cb67",
"11": "#41d246",
"12": "#58d53f",
"13": "#70d73c",
"14": "#84dc38",
"15": "#9be232",
"16": "#b5e82c",
"17": "#d3ed26",
"18": "#f3f020",
"19": "#f9df1a",
"20": "#ffc014",
"21": "#fdb017",
"22": "#fa9e14",
"23": "#f88f16",
"24": "#f57d14",
"25": "#f36f16",
"26": "#f05d14",
"27": "#ee5017",
"28": "#eb3f14",
"29": "#e72d18",
"30": "#de1b1b",
"00": "#0c7ab0",
"01": "#0d84af",
"02": "#0f92b3",
"03": "#109db2",
"04": "#1aa8ad",
"05": "#24aea4",
"06": "#2db49d",
"07": "#3db893",
"08": "#45bf8a",
"09": "#56c281"
},
"warning": {
"10": "#33250C",
"00": "#FFF9E6",
"01": "#FAECD5",
"02": "#FADFAF",
"03": "#F5C776",
"04": "#F7B94F",
"05": "#CF8911",
"06": "#A76900",
"07": "#8A5803",
"08": "#694507",
"09": "#4D340B"
}
},
"mutation": {
"transitionDuration": {
"xxs": ".075s",
"xs": ".1s",
"sm": ".125s",
"md": ".15s",
"lg": ".2s",
"xl": ".4s",
"xxl": ".5s",
"xxxl": "1s",
"xxxxl": "3s"
}
},
"shape": {
"borderSize": {
"md": "0.1rem",
"lg": "0.2rem",
"xl": "0.3rem",
"xxl": "0.4rem",
"xxxl": "0.6rem"
},
"borderRadius": {
"sm": "0.2rem",
"md": "0.4rem",
"lg": "0.6rem",
"xl": "0.8rem",
"xxl": "1.2rem",
"half": "999rem",
"circle": "50%"
},
"opacity": {
"low": ".4",
"medium": ".6",
"high": ".8"
}
},
"size": {
"width": {
"10": "21.6rem",
"11": "25.6rem",
"12": "28.8rem",
"13": "33.6rem",
"14": "40rem",
"15": "48rem",
"16": "57.6rem",
"17": "64rem",
"18": "73.6rem",
"19": "86.4rem",
"20": "99.2rem",
"01": "2.4rem",
"02": "3.2rem",
"03": "4rem",
"04": "4.8rem",
"05": "5.6rem",
"06": "6.4rem",
"07": "8rem",
"08": "11.2rem",
"09": "14.4rem"
},
"height": {
"10": "4rem",
"11": "4.8rem",
"12": "5.6rem",
"13": "6.4rem",
"14": "7.2rem",
"15": "9.6rem",
"01": "0.4rem",
"02": "0.8rem",
"03": "1.2rem",
"04": "1.6rem",
"05": "2rem",
"06": "2.4rem",
"07": "2.8rem",
"08": "3.2rem",
"09": "3.6rem"
},
"square": {
"10": "2.8rem",
"11": "3.2rem",
"12": "4rem",
"13": "4.8rem",
"14": "5.6rem",
"15": "6.4rem",
"16": "8rem",
"17": "11.2rem",
"18": "14.4rem",
"00": "0.6rem",
"01": "0.8rem",
"02": "1rem",
"03": "1.2rem",
"04": "1.4rem",
"05": "1.6rem",
"06": "1.8rem",
"07": "2rem",
"08": "2.2rem",
"09": "2.4rem"
}
},
"space": {
"10": "9.6rem",
"11": "12.8rem",
"12": "16rem",
"01": "0.4rem",
"02": "0.8rem",
"03": "1.2rem",
"04": "1.6rem",
"05": "2.4rem",
"06": "3.2rem",
"07": "4rem",
"08": "4.8rem",
"09": "6.4rem"
},
"typo": {
"fontFamily": {
"primary": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"secondary": {
"fontFaceName": "'Devo Font', sans-serif",
"originalName": "Museo Sans"
},
"mono": {
"fontFaceName": "'Mono Font', monospace",
"originalName": "JetBrains Mono"
},
"icon": {
"base": {
"fontFaceName": "'lt-iconfont', sans-serif",
"originalName": "'lt-iconfont', sans-serif"
},
"alt": {
"fontFaceName": "'LtAppFont', sans-serif",
"originalName": "'LtAppFont', sans-serif"
}
}
},
"fontSize": {
"10": "2.8rem",
"11": "3.2rem",
"12": "3.6rem",
"13": "4.2rem",
"14": "4.8rem",
"15": "5.4rem",
"16": "6rem",
"base": "16px",
"baseWeb": "10px",
"01": "1rem",
"02": "1.1rem",
"03": "1.2rem",
"04": "1.3rem",
"05": "1.4rem",
"06": "1.6rem",
"07": "1.8rem",
"08": "2rem",
"09": "2.4rem"
},
"fontWeight": {
"light": "300",
"regular": "500",
"bold": "700",
"bolder": "900"
},
"letterSpacing": {
"reset": {
"em": "0",
"percent": "0%"
},
"negative": {
"md": {
"em": "-0.01925em",
"percent": "-1.925%"
},
"lg": {
"em": "-0.0385em",
"percent": "-3.85%"
}
},
"positive": {
"sm": {
"em": "0.015em",
"percent": "1.5%"
},
"md": {
"em": "0.03em",
"percent": "3%"
},
"lg": {
"em": "0.07em",
"percent": "7%"
},
"xl": {
"em": "0.1325em",
"percent": "13.25%"
}
}
},
"lineHeight": {
"relative": {
"reset": "1",
"sm": "1.2",
"md": "1.3",
"lg": "1.45",
"xl": "1.5"
},
"absolute": {
"10": "4rem",
"11": "4.4rem",
"12": "4.8rem",
"13": "5.2rem",
"14": "5.6rem",
"15": "6.4rem",
"01": "1.2rem",
"02": "1.4em",
"03": "1.6rem",
"04": "1.8rem",
"05": "2rem",
"06": "2.4rem",
"07": "2.8rem",
"08": "3.2rem",
"09": "3.6rem"
}
}
}
}
};