Skip to main content

Introduction

The Allium palette encapsulates all the design tokens which represent the Allium brand. You can learn more about using the palette, or browse the complete set of values below. The following pages provide guidance on the usage of these design tokens.

{
"border": {
"border1": "1px",
"border2": "2px",
"border3": "3px",
"border4": "4px",
"none": "0px"
},
"color": {
"amber": "#faca69",
"amberDark": "#b4872c",
"amberLight": "#fff9ee",
"bgModal": "rgba(244, 244, 247, 0.97)",
"dark10": "rgba(0, 0, 0, 0.1)",
"dark20": "rgba(0, 0, 0, 0.2)",
"dark40": "rgba(0, 0, 0, 0.4)",
"dark60": "rgba(0, 0, 0, 0.6)",
"dark80": "rgba(0, 0, 0, 0.8)",
"dark97": "rgba(0, 0, 0, 0.97)",
"greenAccessible": "#2b8000",
"greenDarkFern": "#163e06",
"greenPanache": "#f4f9f2",
"greenSanFelix": "#1f5c09",
"greenTelus": "#66cc00",
"greenTusk": "#e3f6d1",
"greenYellow": "#bfe797",
"greyAlabaster": "#fafafa",
"greyAthens": "#f4f4f7",
"greyCharcoal": "#414547",
"greyCloud": "#b2b9bf",
"greyMystic": "#e3e6e8",
"greyShuttle": "#676e73",
"greyThunder": "#2c2e30",
"light10": "rgba(255, 255, 255, 0.1)",
"light20": "rgba(255, 255, 255, 0.2)",
"light40": "rgba(255, 255, 255, 0.4)",
"light60": "rgba(255, 255, 255, 0.6)",
"light80": "rgba(255, 255, 255, 0.8)",
"light97": "rgba(255, 255, 255, 0.97)",
"purpleDark": "#3f2a54",
"purpleDeluge": "#7c53a5",
"purpleEminence": "#613889",
"purpleTelus": "#4b286d",
"red": "#e12339",
"redDark": "#c12335",
"redDarker": "#560c0c",
"redLight": "#fff6f8",
"transparent": "rgba(0, 0, 0, 0)",
"white": "#ffffff"
},
"duration": {
"duration250": 250,
"duration300": 300
},
"font": {
"HelveticaNow": {
"300": "v2_3_0-HelveticaNow-300.otf",
"400": "v2_3_0-HelveticaNow-400.woff",
"500": "v2_3_0-HelveticaNow-500.woff",
"700": "v2_3_0-HelveticaNow-700.woff"
},
"HelveticaNowOTF": {
"400": "v2_3_0-HelveticaNowOTF-400.otf",
"500": "v2_3_0-HelveticaNowOTF-500.otf",
"700": "v2_3_0-HelveticaNowOTF-700.otf"
}
},
"fontSize": {
"size12": "0.75rem",
"size14": "0.875rem",
"size16": "1rem",
"size20": "1.25rem",
"size24": "1.5rem",
"size28": "1.75rem",
"size36": "2.25rem",
"size40": "2.5rem",
"size56": "3.5rem",
"size64": "4rem"
},
"gradient": {
"base": "radial-gradient(44.58% 44.58% at 81.13% 36.79%, #ffffff 0%, #f4f4f7 100%)",
"brand": "linear-gradient(135deg, #4b286d, 75%, #613889)",
"green": "linear-gradient(135deg, #00784a, 75%, #66cc00)",
"neutral": "linear-gradient(180deg, #ffffff, #f4f4f7)",
"purple": "linear-gradient(135deg, #4b286d, 75%, #e53293)"
},
"icon": {
"Accessible": "@telus-uds/palette-allium/build/web/icons/accessible.icon.svg",
"Add": "@telus-uds/palette-allium/build/web/icons/add.icon.svg",
"AddUser": "@telus-uds/palette-allium/build/web/icons/add-user.icon.svg",
"AlarmClock": "@telus-uds/palette-allium/build/web/icons/alarm-clock.icon.svg",
"Ambulance": "@telus-uds/palette-allium/build/web/icons/ambulance.icon.svg",
"ArrowDown": "@telus-uds/palette-allium/build/web/icons/arrow-down.icon.svg",
"ArrowLeft": "@telus-uds/palette-allium/build/web/icons/arrow-left.icon.svg",
"ArrowRight": "@telus-uds/palette-allium/build/web/icons/arrow-right.icon.svg",
"ArrowUp": "@telus-uds/palette-allium/build/web/icons/arrow-up.icon.svg",
"ArtificialIntelligence": "@telus-uds/palette-allium/build/web/icons/artificial-intelligence.icon.svg",
"Attention": "@telus-uds/palette-allium/build/web/icons/attention.icon.svg",
"Award": "@telus-uds/palette-allium/build/web/icons/award.icon.svg",
"Baby": "@telus-uds/palette-allium/build/web/icons/baby.icon.svg",
"BabyBoy": "@telus-uds/palette-allium/build/web/icons/baby-boy.icon.svg",
"BabyGirl": "@telus-uds/palette-allium/build/web/icons/baby-girl.icon.svg",
"BackToSchool": "@telus-uds/palette-allium/build/web/icons/back-to-school.icon.svg",
"Bank": "@telus-uds/palette-allium/build/web/icons/bank.icon.svg",
"BatteryCar": "@telus-uds/palette-allium/build/web/icons/battery-car.icon.svg",
"BatteryCharging": "@telus-uds/palette-allium/build/web/icons/battery-charging.icon.svg",
"Bell": "@telus-uds/palette-allium/build/web/icons/bell.icon.svg",
"Bill": "@telus-uds/palette-allium/build/web/icons/bill.icon.svg",
"Bookmark": "@telus-uds/palette-allium/build/web/icons/bookmark.icon.svg",
"Briefcase": "@telus-uds/palette-allium/build/web/icons/briefcase.icon.svg",
"BulletFill": "@telus-uds/palette-allium/build/web/icons/bullet-fill.icon.svg",
"Calendar": "@telus-uds/palette-allium/build/web/icons/calendar.icon.svg",
"Call": "@telus-uds/palette-allium/build/web/icons/call.icon.svg",
"CallForward": "@telus-uds/palette-allium/build/web/icons/call-forward.icon.svg",
"CallOut": "@telus-uds/palette-allium/build/web/icons/call-out.icon.svg",
"CallReceive": "@telus-uds/palette-allium/build/web/icons/call-receive.icon.svg",
"CallTalking": "@telus-uds/palette-allium/build/web/icons/call-talking.icon.svg",
"Camera": "@telus-uds/palette-allium/build/web/icons/camera.icon.svg",
"CanUs": "@telus-uds/palette-allium/build/web/icons/can-us.icon.svg",
"Car": "@telus-uds/palette-allium/build/web/icons/car.icon.svg",
"CaretDown": "@telus-uds/palette-allium/build/web/icons/caret-down.icon.svg",
"CaretUp": "@telus-uds/palette-allium/build/web/icons/caret-up.icon.svg",
"CartEmptyBold": "@telus-uds/palette-allium/build/web/icons/cart-empty-bold.icon.svg",
"CartFilledBold": "@telus-uds/palette-allium/build/web/icons/cart-filled-bold.icon.svg",
"Channels": "@telus-uds/palette-allium/build/web/icons/channels.icon.svg",
"ChartsBar1": "@telus-uds/palette-allium/build/web/icons/charts-bar1.icon.svg",
"ChartsBar2": "@telus-uds/palette-allium/build/web/icons/charts-bar2.icon.svg",
"ChartsLine": "@telus-uds/palette-allium/build/web/icons/charts-line.icon.svg",
"Chat1": "@telus-uds/palette-allium/build/web/icons/chat1.icon.svg",
"Chat2": "@telus-uds/palette-allium/build/web/icons/chat2.icon.svg",
"ChatSupport": "@telus-uds/palette-allium/build/web/icons/chat-support.icon.svg",
"Check": "@telus-uds/palette-allium/build/web/icons/check.icon.svg",
"Checkmark": "@telus-uds/palette-allium/build/web/icons/checkmark.icon.svg",
"ChevronLeft": "@telus-uds/palette-allium/build/web/icons/chevron-left.icon.svg",
"ChevronRight": "@telus-uds/palette-allium/build/web/icons/chevron-right.icon.svg",
"Clipboard": "@telus-uds/palette-allium/build/web/icons/clipboard.icon.svg",
"Close": "@telus-uds/palette-allium/build/web/icons/close.icon.svg",
"ClosedCaptions": "@telus-uds/palette-allium/build/web/icons/closed-captions.icon.svg",
"CloudDownload": "@telus-uds/palette-allium/build/web/icons/cloud-download.icon.svg",
"CloudSync": "@telus-uds/palette-allium/build/web/icons/cloud-sync.icon.svg",
"CloudUpload": "@telus-uds/palette-allium/build/web/icons/cloud-upload.icon.svg",
"Collaboration": "@telus-uds/palette-allium/build/web/icons/collaboration.icon.svg",
"Compass": "@telus-uds/palette-allium/build/web/icons/compass.icon.svg",
"ComputerNetwork": "@telus-uds/palette-allium/build/web/icons/computer-network.icon.svg",
"Contract": "@telus-uds/palette-allium/build/web/icons/contract.icon.svg",
"CreditCard": "@telus-uds/palette-allium/build/web/icons/credit-card.icon.svg",
"Cronometer": "@telus-uds/palette-allium/build/web/icons/cronometer.icon.svg",
"CssActivations": "@telus-uds/palette-allium/build/web/icons/css-activations.icon.svg",
"DataLimit": "@telus-uds/palette-allium/build/web/icons/data-limit.icon.svg",
"Deals": "@telus-uds/palette-allium/build/web/icons/deals.icon.svg",
"Delete": "@telus-uds/palette-allium/build/web/icons/delete.icon.svg",
"Delivery": "@telus-uds/palette-allium/build/web/icons/delivery.icon.svg",
"Devices": "@telus-uds/palette-allium/build/web/icons/devices.icon.svg",
"Diagram": "@telus-uds/palette-allium/build/web/icons/diagram.icon.svg",
"Diamond": "@telus-uds/palette-allium/build/web/icons/diamond.icon.svg",
"Direction": "@telus-uds/palette-allium/build/web/icons/direction.icon.svg",
"Document": "@telus-uds/palette-allium/build/web/icons/document.icon.svg",
"Donate": "@telus-uds/palette-allium/build/web/icons/donate.icon.svg",
"Download": "@telus-uds/palette-allium/build/web/icons/download.icon.svg",
"DownloadPdf": "@telus-uds/palette-allium/build/web/icons/download-pdf.icon.svg",
"DownloadPdfs": "@telus-uds/palette-allium/build/web/icons/download-pdfs.icon.svg",
"Email": "@telus-uds/palette-allium/build/web/icons/email.icon.svg",
"Escalations": "@telus-uds/palette-allium/build/web/icons/escalations.icon.svg",
"FavouriteNetwork": "@telus-uds/palette-allium/build/web/icons/favourite-network.icon.svg",
"Files": "@telus-uds/palette-allium/build/web/icons/files.icon.svg",
"Fingerprint": "@telus-uds/palette-allium/build/web/icons/fingerprint.icon.svg",
"Firewall": "@telus-uds/palette-allium/build/web/icons/firewall.icon.svg",
"Flag": "@telus-uds/palette-allium/build/web/icons/flag.icon.svg",
"FullscreenExpand": "@telus-uds/palette-allium/build/web/icons/fullscreen-expand.icon.svg",
"FullscreenMinimize": "@telus-uds/palette-allium/build/web/icons/fullscreen-minimize.icon.svg",
"Gift": "@telus-uds/palette-allium/build/web/icons/gift.icon.svg",
"Globe1": "@telus-uds/palette-allium/build/web/icons/globe1.icon.svg",
"Globe2": "@telus-uds/palette-allium/build/web/icons/globe2.icon.svg",
"HeadBoth": "@telus-uds/palette-allium/build/web/icons/head-both.icon.svg",
"HeadFemale": "@telus-uds/palette-allium/build/web/icons/head-female.icon.svg",
"HeadMale": "@telus-uds/palette-allium/build/web/icons/head-male.icon.svg",
"Headset": "@telus-uds/palette-allium/build/web/icons/headset.icon.svg",
"Heart": "@telus-uds/palette-allium/build/web/icons/heart.icon.svg",
"Heartbeat": "@telus-uds/palette-allium/build/web/icons/heartbeat.icon.svg",
"Helpdesk": "@telus-uds/palette-allium/build/web/icons/helpdesk.icon.svg",
"Home": "@telus-uds/palette-allium/build/web/icons/home.icon.svg",
"HomeSecurity": "@telus-uds/palette-allium/build/web/icons/home-security.icon.svg",
"IDTag": "@telus-uds/palette-allium/build/web/icons/idtag.icon.svg",
"Infinite": "@telus-uds/palette-allium/build/web/icons/infinite.icon.svg",
"Information": "@telus-uds/palette-allium/build/web/icons/information.icon.svg",
"Internet": "@telus-uds/palette-allium/build/web/icons/internet.icon.svg",
"Invisible": "@telus-uds/palette-allium/build/web/icons/invisible.icon.svg",
"Key": "@telus-uds/palette-allium/build/web/icons/key.icon.svg",
"Laptop": "@telus-uds/palette-allium/build/web/icons/laptop.icon.svg",
"Layers": "@telus-uds/palette-allium/build/web/icons/layers.icon.svg",
"Lifesaver": "@telus-uds/palette-allium/build/web/icons/lifesaver.icon.svg",
"Lightbulb": "@telus-uds/palette-allium/build/web/icons/lightbulb.icon.svg",
"LinkExternal": "@telus-uds/palette-allium/build/web/icons/link-external.icon.svg",
"LocationAdd": "@telus-uds/palette-allium/build/web/icons/location-add.icon.svg",
"LocationHome": "@telus-uds/palette-allium/build/web/icons/location-home.icon.svg",
"LocationIneligible": "@telus-uds/palette-allium/build/web/icons/location-ineligible.icon.svg",
"LocationMap": "@telus-uds/palette-allium/build/web/icons/location-map.icon.svg",
"LocationRegular": "@telus-uds/palette-allium/build/web/icons/location-regular.icon.svg",
"LocationRemove": "@telus-uds/palette-allium/build/web/icons/location-remove.icon.svg",
"LocationSuccess": "@telus-uds/palette-allium/build/web/icons/location-success.icon.svg",
"LocationVerified": "@telus-uds/palette-allium/build/web/icons/location-verified.icon.svg",
"LockClosed": "@telus-uds/palette-allium/build/web/icons/lock-closed.icon.svg",
"LockOpened": "@telus-uds/palette-allium/build/web/icons/lock-opened.icon.svg",
"LoginForm": "@telus-uds/palette-allium/build/web/icons/login-form.icon.svg",
"Map": "@telus-uds/palette-allium/build/web/icons/map.icon.svg",
"Medical": "@telus-uds/palette-allium/build/web/icons/medical.icon.svg",
"Messaging": "@telus-uds/palette-allium/build/web/icons/messaging.icon.svg",
"Mobility": "@telus-uds/palette-allium/build/web/icons/mobility.icon.svg",
"Movie": "@telus-uds/palette-allium/build/web/icons/movie.icon.svg",
"Music": "@telus-uds/palette-allium/build/web/icons/music.icon.svg",
"Muted": "@telus-uds/palette-allium/build/web/icons/muted.icon.svg",
"Networking": "@telus-uds/palette-allium/build/web/icons/networking.icon.svg",
"News": "@telus-uds/palette-allium/build/web/icons/news.icon.svg",
"NextGenFirewall": "@telus-uds/palette-allium/build/web/icons/next-gen-firewall.icon.svg",
"NoContract": "@telus-uds/palette-allium/build/web/icons/no-contract.icon.svg",
"NotifyBold": "@telus-uds/palette-allium/build/web/icons/notify-bold.icon.svg",
"Office": "@telus-uds/palette-allium/build/web/icons/office.icon.svg",
"Offices": "@telus-uds/palette-allium/build/web/icons/offices.icon.svg",
"OnDemand": "@telus-uds/palette-allium/build/web/icons/on-demand.icon.svg",
"OnTheGo": "@telus-uds/palette-allium/build/web/icons/on-the-go.icon.svg",
"OnlineSecurity": "@telus-uds/palette-allium/build/web/icons/online-security.icon.svg",
"Paperless": "@telus-uds/palette-allium/build/web/icons/paperless.icon.svg",
"Passport": "@telus-uds/palette-allium/build/web/icons/passport.icon.svg",
"Pause": "@telus-uds/palette-allium/build/web/icons/pause.icon.svg",
"Phone": "@telus-uds/palette-allium/build/web/icons/phone.icon.svg",
"PhoneBusiness": "@telus-uds/palette-allium/build/web/icons/phone-business.icon.svg",
"PhoneHome": "@telus-uds/palette-allium/build/web/icons/phone-home.icon.svg",
"PhoneReception": "@telus-uds/palette-allium/build/web/icons/phone-reception.icon.svg",
"Photo": "@telus-uds/palette-allium/build/web/icons/photo.icon.svg",
"Photos": "@telus-uds/palette-allium/build/web/icons/photos.icon.svg",
"PiggyBank": "@telus-uds/palette-allium/build/web/icons/piggy-bank.icon.svg",
"PikTV": "@telus-uds/palette-allium/build/web/icons/pik-tv.icon.svg",
"Play": "@telus-uds/palette-allium/build/web/icons/play.icon.svg",
"PlaySolid": "@telus-uds/palette-allium/build/web/icons/play-solid.icon.svg",
"PlayVideo": "@telus-uds/palette-allium/build/web/icons/play-video.icon.svg",
"Preference": "@telus-uds/palette-allium/build/web/icons/preference.icon.svg",
"Print": "@telus-uds/palette-allium/build/web/icons/print.icon.svg",
"PrivateCloud": "@telus-uds/palette-allium/build/web/icons/private-cloud.icon.svg",
"Profile": "@telus-uds/palette-allium/build/web/icons/profile.icon.svg",
"ProfileBold": "@telus-uds/palette-allium/build/web/icons/profile-bold.icon.svg",
"Question": "@telus-uds/palette-allium/build/web/icons/question.icon.svg",
"QuoteLeft": "@telus-uds/palette-allium/build/web/icons/quote-left.icon.svg",
"Radar": "@telus-uds/palette-allium/build/web/icons/radar.icon.svg",
"Receipt": "@telus-uds/palette-allium/build/web/icons/receipt.icon.svg",
"Record": "@telus-uds/palette-allium/build/web/icons/record.icon.svg",
"Refresh": "@telus-uds/palette-allium/build/web/icons/refresh.icon.svg",
"RemoteControl": "@telus-uds/palette-allium/build/web/icons/remote-control.icon.svg",
"Replay": "@telus-uds/palette-allium/build/web/icons/replay.icon.svg",
"Router": "@telus-uds/palette-allium/build/web/icons/router.icon.svg",
"Search": "@telus-uds/palette-allium/build/web/icons/search.icon.svg",
"SearchBold": "@telus-uds/palette-allium/build/web/icons/search-bold.icon.svg",
"SecurityCamera": "@telus-uds/palette-allium/build/web/icons/security-camera.icon.svg",
"SecurityHouse": "@telus-uds/palette-allium/build/web/icons/security-house.icon.svg",
"SecurityMobile": "@telus-uds/palette-allium/build/web/icons/security-mobile.icon.svg",
"SecuritySettings": "@telus-uds/palette-allium/build/web/icons/security-settings.icon.svg",
"Server": "@telus-uds/palette-allium/build/web/icons/server.icon.svg",
"ServiceTruck": "@telus-uds/palette-allium/build/web/icons/service-truck.icon.svg",
"Settings": "@telus-uds/palette-allium/build/web/icons/settings.icon.svg",
"SettingsBold": "@telus-uds/palette-allium/build/web/icons/settings-bold.icon.svg",
"SettingsSolid": "@telus-uds/palette-allium/build/web/icons/settings-solid.icon.svg",
"SharedAccount": "@telus-uds/palette-allium/build/web/icons/shared-account.icon.svg",
"Shop": "@telus-uds/palette-allium/build/web/icons/shop.icon.svg",
"SignPost": "@telus-uds/palette-allium/build/web/icons/sign-post.icon.svg",
"Signal": "@telus-uds/palette-allium/build/web/icons/signal.icon.svg",
"SimCard": "@telus-uds/palette-allium/build/web/icons/sim-card.icon.svg",
"Soccer": "@telus-uds/palette-allium/build/web/icons/soccer.icon.svg",
"Speaker": "@telus-uds/palette-allium/build/web/icons/speaker.icon.svg",
"SpeakerPhone": "@telus-uds/palette-allium/build/web/icons/speaker-phone.icon.svg",
"Speed": "@telus-uds/palette-allium/build/web/icons/speed.icon.svg",
"SpeedReduced": "@telus-uds/palette-allium/build/web/icons/speed-reduced.icon.svg",
"StatusError": "@telus-uds/palette-allium/build/web/icons/status-error.icon.svg",
"StatusSuccess": "@telus-uds/palette-allium/build/web/icons/status-success.icon.svg",
"StatusWarning": "@telus-uds/palette-allium/build/web/icons/status-warning.icon.svg",
"Subtract": "@telus-uds/palette-allium/build/web/icons/subtract.icon.svg",
"Success": "@telus-uds/palette-allium/build/web/icons/success.icon.svg",
"Suitcase": "@telus-uds/palette-allium/build/web/icons/suitcase.icon.svg",
"Support": "@telus-uds/palette-allium/build/web/icons/support.icon.svg",
"TV": "@telus-uds/palette-allium/build/web/icons/tv.icon.svg",
"TVChoiceAndFlexibility": "@telus-uds/palette-allium/build/web/icons/tvchoice-and-flexibility.icon.svg",
"Tablet": "@telus-uds/palette-allium/build/web/icons/tablet.icon.svg",
"Target": "@telus-uds/palette-allium/build/web/icons/target.icon.svg",
"Tasks": "@telus-uds/palette-allium/build/web/icons/tasks.icon.svg",
"ThumbsUp": "@telus-uds/palette-allium/build/web/icons/thumbs-up.icon.svg",
"Time": "@telus-uds/palette-allium/build/web/icons/time.icon.svg",
"Times": "@telus-uds/palette-allium/build/web/icons/times.icon.svg",
"TowTruck": "@telus-uds/palette-allium/build/web/icons/tow-truck.icon.svg",
"Transmitter": "@telus-uds/palette-allium/build/web/icons/transmitter.icon.svg",
"Unmuted": "@telus-uds/palette-allium/build/web/icons/unmuted.icon.svg",
"Upload": "@telus-uds/palette-allium/build/web/icons/upload.icon.svg",
"UploadToCloud": "@telus-uds/palette-allium/build/web/icons/upload-to-cloud.icon.svg",
"UsbCable": "@telus-uds/palette-allium/build/web/icons/usb-cable.icon.svg",
"User": "@telus-uds/palette-allium/build/web/icons/user.icon.svg",
"UserAddBold": "@telus-uds/palette-allium/build/web/icons/user-add-bold.icon.svg",
"Users": "@telus-uds/palette-allium/build/web/icons/users.icon.svg",
"VideoChat": "@telus-uds/palette-allium/build/web/icons/video-chat.icon.svg",
"VideoGames": "@telus-uds/palette-allium/build/web/icons/video-games.icon.svg",
"Visible": "@telus-uds/palette-allium/build/web/icons/visible.icon.svg",
"Warranty": "@telus-uds/palette-allium/build/web/icons/warranty.icon.svg",
"Watch": "@telus-uds/palette-allium/build/web/icons/watch.icon.svg",
"WifiBoost": "@telus-uds/palette-allium/build/web/icons/wifi-boost.icon.svg",
"WifiCloud": "@telus-uds/palette-allium/build/web/icons/wifi-cloud.icon.svg"
},
"letterSpacing": {
"condensed": -0.039,
"loose": -0.017,
"medium": -0.035
},
"lineHeight": {
"ratio10to7": 1.42857142857,
"ratio11to9": 1.22222222222,
"ratio1to1": 1,
"ratio3to2": 1.5,
"ratio4to3": 1.33333333333,
"ratio5to4": 1.25,
"ratio6to5": 1.2,
"ratio7to5": 1.4,
"ratio8to5": 1.6,
"ratio8to7": 1.14285714286,
"ratio9to7": 1.28571428571,
"ratio9to8": 1.125
},
"opacity": {},
"radius": {
"none": "0px",
"pill32": "32px",
"radius1": "1px",
"radius12": "12px",
"radius4": "4px",
"radius6": "6px",
"radius8": "8px"
},
"shadow": {
"elevation1": "0px 4px 8px 0px rgba(0, 0, 0, 0.1)",
"elevation2": "0px 12px 12px 0px rgba(0, 0, 0, 0.03)",
"elevation3": "0px 32px 32px 0px rgba(0, 0, 0, 0.03)",
"surfaceEmboss": "0px 2px 2px 0px inset rgba(255, 255, 255, 0.8)",
"surfaceInset": "0px 2px 2px 0px inset rgba(0, 0, 0, 0.1)",
"surfaceRaised": "0px 2px 2px 0px rgba(0, 0, 0, 0.1)"
},
"size": {
"size0": "0px",
"size1": "1px",
"size10": "10px",
"size12": "12px",
"size120": "120px",
"size144": "144px",
"size16": "16px",
"size192": "192px",
"size2": "2px",
"size20": "20px",
"size24": "24px",
"size264": "264px",
"size28": "28px",
"size288": "288px",
"size3": "3px",
"size32": "32px",
"size36": "36px",
"size4": "4px",
"size40": "40px",
"size44": "44px",
"size48": "48px",
"size64": "64px",
"size72": "72px",
"size8": "8px",
"size80": "80px",
"size96": "96px"
}
}