--- generator: clinical-terminal-brand-kit company: "EviCore by Evernorth" domain: "evicore.com" colors: primary: "#3EFFC0" onPrimary: "#002F32" dark: "#002F32" background: "#FFFFFF" ground: mode: light hex: "#FFFFFF" ink: "#002F32" accent: "#008651" fonts: heading: "Archivo" body: "Archivo" radius: card: "20px" button: "30px" --- # Design System — EviCore by Evernorth > Read from EviCore by Evernorth's public website (evicore.com) by Clinical Terminal. Not reviewed by EviCore by Evernorth. > Use it as inspiration: borrow the ideas, not EviCore by Evernorth's name, logo or identity. ## Ground - **Light ground** (#FFFFFF), from EviCore by Evernorth's site background #FFFFFF. Pages and panels sit on it. - Main text: #002F32 (14.46:1 on the ground). - Secondary text is #002F32 at 88% / 76% / 60%; hairlines and plate borders #002F32 at 16%. ## Color - **Accent on the ground: #008651** (4.64:1), adjusted from EviCore by Evernorth's primary #3EFFC0 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills. - **Primary #3EFFC0** for filled shapes (buttons, chips, bars), with #002F32 text on it (11.2:1). - Quote every hex exactly as written above. ## Type - Headlines: **Archivo**. Body: **Archivo**. Both on Google Fonts. - EviCore by Evernorth's site uses GT Walsheim Pro / GT Walsheim Pro; these are the closest free look-alikes. ## Shape - Cards and panels: 20px corners. Buttons and chips: 30px. ## Voice - Tone: professional. Energy: low. Written for patients and healthcare professionals. - Headlines are short and concrete. ## Tokens from the site's stylesheets ### Color ramps - **Leaf Color Dataviz Categorical Sequence** (`--leaf-color-dataviz-categorical-sequence-N`): 1 `#008F83` · 2 `#003826` · 3 `#2F78F4` · 4 `#002970` · 5 `#7DAD00` · 6 `#3B5200` · 7 `#FF5C5C` · 8 `#5C1F2E` - **Leaf Color Dataviz Categorical Inverse Sequence** (`--leaf-color-dataviz-categorical-inverse-sequence-N`): 1 `#3EFFC0` · 2 `#008F83` · 3 `#CADCFC` · 4 `#2F78F4` · 5 `#DAFA87` · 6 `#7DAD00` · 7 `#FCCACA` · 8 `#FF5C5C` ### Other named colors - `--leaf-color-accent-bg-champagne`: `#EDEBE7` - `--leaf-color-accent-bg-hypermint`: `#3EFFC0` - `--leaf-color-accent-bg-medium-mint`: `#008F83` - `--leaf-color-accent-bg-sky-blue`: `#A3C5FF` - `--leaf-color-accent-bg-spruce`: `#DAFA87` - `--leaf-color-accent-bg-coral`: `#F88181` - `--leaf-color-accent-content-champagne`: `#EDEBE7` - `--leaf-color-accent-content-hypermint`: `#3EFFC0` - `--leaf-color-accent-content-medium-mint`: `#008F83` - `--leaf-color-accent-content-sky-blue`: `#A3C5FF` - `--leaf-color-accent-content-spruce`: `#DAFA87` - `--leaf-color-accent-content-coral`: `#F88181` - `--leaf-color-header-bg-default`: `#FFFFFF` - `--leaf-color-header-inverse-bg-default`: `#035C67` - `--leaf-color-header-bg-secondary`: `#035C67` - `--leaf-color-header-inverse-bg-secondary`: `#FFFFFF` - `--leaf-color-header-bg-tertiary`: `#035C67` - `--leaf-color-header-inverse-bg-tertiary`: `#FFFFFF` - `--leaf-color-header-menu-bg-default`: `#FFFFFF` - `--leaf-color-header-menu-inverse-bg-default`: `#035C67` - `--leaf-color-header-menu-bg-selected`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-selected`: `#00363D` - `--leaf-color-header-menu-bg-hover`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-hover`: `#00363D` - `--leaf-color-header-menu-bg-pressed`: `#EDEBE7` - `--leaf-color-header-menu-inverse-bg-pressed`: `#00171A` - `--leaf-color-header-menu-bg-active`: `#EDEBE7` - `--leaf-color-header-menu-inverse-bg-active`: `#00171A` - `--leaf-color-header-menu-bg-focus`: `#F6F5F3` - `--leaf-color-header-menu-inverse-bg-focus`: `#00363D` - `--leaf-color-header-menu-content-default`: `#035C67` - `--leaf-color-header-menu-inverse-content-default`: `#FFFFFF` - `--leaf-color-header-menu-content-hover`: `#00363D` - `--leaf-color-header-menu-inverse-content-hover`: `#FFFFFF` - `--leaf-color-header-menu-content-pressed`: `#00171A` - `--leaf-color-header-menu-inverse-content-pressed`: `#FFFFFF` - `--leaf-color-header-menu-content-active`: `#00171A` - `--leaf-color-header-menu-inverse-content-active`: `#FFFFFF` - `--leaf-color-header-menu-content-selected`: `#00363D` - `--leaf-color-header-menu-inverse-content-selected`: `#FFFFFF` - `--leaf-color-header-menu-content-focus`: `#035C67` - `--leaf-color-header-menu-inverse-content-focus`: `#FFFFFF` - `--leaf-color-header-menu-border-default`: `#505050` - `--leaf-color-header-menu-inverse-border-default`: `#505050` - `--leaf-color-header-menu-border-pressed`: `#035C67` - `--leaf-color-header-menu-inverse-border-pressed`: `#FFFFFF` - `--leaf-color-header-menu-border-active`: `#035C67` - `--leaf-color-header-menu-inverse-border-active`: `#FFFFFF` - `--leaf-color-header-menu-border-selected`: `#00363D` - `--leaf-color-header-menu-inverse-border-selected`: `#F6F5F3` - `--leaf-color-header-menu-border-focus`: `#00363D` - `--leaf-color-header-menu-inverse-border-focus`: `#FFFFFF` - `--leaf-color-header-menu-border-hover`: `#00363D` - `--leaf-color-header-menu-inverse-border-hover`: `#FFFFFF` - `--leaf-color-header-submenu-bg-default`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-bg-default`: `#035C67` - `--leaf-color-header-submenu-bg-hover`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-bg-hover`: `#00363D` - `--leaf-color-header-submenu-bg-pressed`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-bg-pressed`: `#00171A` - `--leaf-color-header-submenu-bg-active`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-bg-active`: `#00171A` - `--leaf-color-header-submenu-bg-focus`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-bg-focus`: `#035C67` - `--leaf-color-header-submenu-bg-selected`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-bg-selected`: `#00363D` - `--leaf-color-header-submenu-content-default`: `#035C67` - `--leaf-color-header-submenu-inverse-content-default`: `#FFFFFF` - `--leaf-color-header-submenu-content-hover`: `#00363D` - `--leaf-color-header-submenu-inverse-content-hover`: `#FFFFFF` - `--leaf-color-header-submenu-content-pressed`: `#00171A` - `--leaf-color-header-submenu-inverse-content-pressed`: `#FFFFFF` - `--leaf-color-header-submenu-content-active`: `#00171A` - `--leaf-color-header-submenu-inverse-content-active`: `#FFFFFF` - `--leaf-color-header-submenu-content-focus`: `#00363D` - `--leaf-color-header-submenu-inverse-content-focus`: `#FFFFFF` - `--leaf-color-header-submenu-content-selected`: `#035C67` - `--leaf-color-header-submenu-inverse-content-selected`: `#FFFFFF` - `--leaf-color-header-submenu-border-default`: `#FFFFFF` - `--leaf-color-header-submenu-inverse-border-default`: `#035C67` - `--leaf-color-header-submenu-border-hover`: `#F6F5F3` - `--leaf-color-header-submenu-inverse-border-hover`: `#00363D` - `--leaf-color-header-submenu-border-focus`: `#035C67` - `--leaf-color-header-submenu-inverse-border-focus`: `#FFFFFF` - `--leaf-color-header-submenu-border-active`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-border-active`: `#00171A` - `--leaf-color-header-submenu-border-pressed`: `#EDEBE7` - `--leaf-color-header-submenu-inverse-border-pressed`: `#00171A` - `--leaf-color-header-submenu-border-selected`: `#00363D` - `--leaf-color-header-submenu-inverse-border-selected`: `#F6F5F3` - `--leaf-color-footer-bg-default`: `#F6F5F3` - `--leaf-color-footer-bg-inverse-default`: `#035C67` - `--leaf-color-footer-bg-secondary`: `#FFFFFF` - `--leaf-color-footer-bg-inverse-secondary`: `#00363D` - `--leaf-color-footer-content-default`: `#FFFFFF` - `--leaf-color-footer-content-secondary`: `#2D2D2D` - `--leaf-color-footer-link-default`: `#035C67` - `--leaf-color-footer-link-hover`: `#00171A` - `--leaf-color-footer-inverse-bg-default`: `#035C67` - `--leaf-color-footer-inverse-bg-secondary`: `#00363D` - `--leaf-color-button-primary-danger-bg`: `#D02525` - `--leaf-color-button-primary-danger-inverse-bg`: `#F88181` - `--leaf-color-button-primary-danger-bg-hover`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-bg-hover`: `#F5A8A8` - `--leaf-color-button-primary-danger-bg-focus`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-bg-focus`: `#F5A8A8` - `--leaf-color-button-primary-danger-bg-active`: `#7A0000` - `--leaf-color-button-primary-danger-inverse-bg-active`: `#FCCACA` - `--leaf-color-button-primary-danger-bg-disabled`: `#EAEAEA` - `--leaf-color-button-primary-danger-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-primary-danger-content`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-hover`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-hover`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-focus`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-focus`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-active`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-active`: `#2D2D2D` - `--leaf-color-button-primary-danger-content-disabled`: `#949494` - `--leaf-color-button-primary-danger-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-primary-danger-border`: `#D02525` - `--leaf-color-button-primary-danger-inverse-border`: `#F88181` - `--leaf-color-button-primary-danger-border-hover`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-border-hover`: `#F5A8A8` - `--leaf-color-button-primary-danger-border-focus`: `#AA1313` - `--leaf-color-button-primary-danger-inverse-border-focus`: `#F5A8A8` - `--leaf-color-button-primary-danger-border-active`: `#7A0000` - `--leaf-color-button-primary-danger-inverse-border-active`: `#FCCACA` - `--leaf-color-button-primary-danger-border-disabled`: `#EAEAEA` - `--leaf-color-button-primary-danger-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-primary-danger-outline`: `#00171A` - `--leaf-color-button-primary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-primary-danger-bg-default`: `#D02525` - `--leaf-color-button-primary-danger-inverse-bg-default`: `#F88181` - `--leaf-color-button-primary-danger-content-default`: `#FFFFFF` - `--leaf-color-button-primary-danger-inverse-content-default`: `#2D2D2D` - `--leaf-color-button-primary-danger-border-default`: `#D02525` - `--leaf-color-button-primary-danger-inverse-border-default`: `#F88181` - `--leaf-color-button-primary-danger-outline-default`: `#00171A` - `--leaf-color-button-primary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-primary-bg`: `#035C67` - `--leaf-color-button-primary-inverse-bg`: `#3EFFC0` - `--leaf-color-button-primary-bg-hover`: `#00363D` - `--leaf-color-button-primary-inverse-bg-hover`: `#12F3A9` - `--leaf-color-button-primary-bg-focus`: `#00363D` - `--leaf-color-button-primary-inverse-bg-focus`: `#12F3A9` - `--leaf-color-button-primary-bg-active`: `#00171A` - `--leaf-color-button-primary-inverse-bg-active`: `#00D18D` - `--leaf-color-button-primary-bg-disabled`: `#EAEAEA` - `--leaf-color-button-primary-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-primary-content`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content`: `#00363D` - `--leaf-color-button-primary-content-hover`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-hover`: `#00363D` - `--leaf-color-button-primary-content-focus`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-focus`: `#00363D` - `--leaf-color-button-primary-content-active`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-active`: `#00363D` - `--leaf-color-button-primary-content-disabled`: `#949494` - `--leaf-color-button-primary-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-primary-border`: `#035C67` - `--leaf-color-button-primary-inverse-border`: `#3EFFC0` - `--leaf-color-button-primary-border-hover`: `#00363D` - `--leaf-color-button-primary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-primary-border-focus`: `#00363D` - `--leaf-color-button-primary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-primary-border-active`: `#00171A` - `--leaf-color-button-primary-inverse-border-active`: `#00D18D` - `--leaf-color-button-primary-border-disabled`: `#EAEAEA` - `--leaf-color-button-primary-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-primary-outline`: `#00171A` - `--leaf-color-button-primary-inverse-outline`: `#3EFFC0` - `--leaf-color-button-primary-bg-default`: `#035C67` - `--leaf-color-button-primary-inverse-bg-default`: `#3EFFC0` - `--leaf-color-button-primary-content-default`: `#FFFFFF` - `--leaf-color-button-primary-inverse-content-default`: `#00363D` - `--leaf-color-button-primary-border-default`: `#035C67` - `--leaf-color-button-primary-inverse-border-default`: `#3EFFC0` - `--leaf-color-button-primary-outline-default`: `#00171A` - `--leaf-color-button-primary-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-neutral-bg`: `#505050` - `--leaf-color-button-secondary-neutral-inverse-bg`: `#505050` - `--leaf-color-button-secondary-neutral-content`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-hover`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-hover`: `#333333` - `--leaf-color-button-secondary-neutral-bg-focus`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-focus`: `#333333` - `--leaf-color-button-secondary-neutral-content-hover`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-hover`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-content-focus`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-focus`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-hover`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-hover`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-focus`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-focus`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-active`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-active`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-active`: `#333333` - `--leaf-color-button-secondary-neutral-inverse-bg-active`: `#333333` - `--leaf-color-button-secondary-neutral-content-active`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-active`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-bg-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-neutral-inverse-bg-disabled`: `#ABABAB` - `--leaf-color-button-secondary-neutral-border-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-neutral-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-neutral-content-disabled`: `#949494` - `--leaf-color-button-secondary-neutral-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-secondary-neutral-outline`: `#00140E` - `--leaf-color-button-secondary-neutral-inverse-outline`: `#3EFFC0` - `--leaf-color-button-secondary-neutral-bg-default`: `#505050` - `--leaf-color-button-secondary-neutral-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-neutral-content-default`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-content-default`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-border-default`: `#2D2D2D` - `--leaf-color-button-secondary-neutral-inverse-border-default`: `#FFFFFF` - `--leaf-color-button-secondary-neutral-outline-default`: `#00140E` - `--leaf-color-button-secondary-neutral-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-danger-bg`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg`: `#505050` - `--leaf-color-button-secondary-danger-bg-hover`: `#FFEBEB` - `--leaf-color-button-secondary-danger-inverse-bg-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-bg-focus`: `#FFEBEB` - `--leaf-color-button-secondary-danger-inverse-bg-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-bg-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-inverse-bg-active`: `#330000` - `--leaf-color-button-secondary-danger-bg-disabled`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg-disabled`: `#505050` - `--leaf-color-button-secondary-danger-content`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-content`: `#F5A8A8` - `--leaf-color-button-secondary-danger-content-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-content-hover`: `#F88181` - `--leaf-color-button-secondary-danger-content-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-content-focus`: `#F88181` - `--leaf-color-button-secondary-danger-content-active`: `#330000` - `--leaf-color-button-secondary-danger-inverse-content-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-content-disabled`: `#949494` - `--leaf-color-button-secondary-danger-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-secondary-danger-border`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-border`: `#F5A8A8` - `--leaf-color-button-secondary-danger-border-hover`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-border-hover`: `#F88181` - `--leaf-color-button-secondary-danger-border-focus`: `#7A0000` - `--leaf-color-button-secondary-danger-inverse-border-focus`: `#F88181` - `--leaf-color-button-secondary-danger-border-active`: `#330000` - `--leaf-color-button-secondary-danger-inverse-border-active`: `#FCCACA` - `--leaf-color-button-secondary-danger-border-disabled`: `#949494` - `--leaf-color-button-secondary-danger-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-danger-outline`: `#00171A` - `--leaf-color-button-secondary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-secondary-danger-bg-default`: `#505050` - `--leaf-color-button-secondary-danger-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-danger-content-default`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-content-default`: `#F5A8A8` - `--leaf-color-button-secondary-danger-border-default`: `#AA1313` - `--leaf-color-button-secondary-danger-inverse-border-default`: `#F5A8A8` - `--leaf-color-button-secondary-danger-outline-default`: `#00171A` - `--leaf-color-button-secondary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-secondary-bg`: `#505050` - `--leaf-color-button-secondary-inverse-bg`: `#505050` - `--leaf-color-button-secondary-bg-hover`: `#EAF4F6` - `--leaf-color-button-secondary-inverse-bg-hover`: `#003826` - `--leaf-color-button-secondary-bg-focus`: `#EAF4F6` - `--leaf-color-button-secondary-inverse-bg-focus`: `#003826` - `--leaf-color-button-secondary-bg-active`: `#CCE7EA` - `--leaf-color-button-secondary-inverse-bg-active`: `#00171A` - `--leaf-color-button-secondary-bg-disabled`: `#EAEAEA` - `--leaf-color-button-secondary-inverse-bg-disabled`: `#505050` - `--leaf-color-button-secondary-content`: `#035C67` - `--leaf-color-button-secondary-inverse-content`: `#3EFFC0` - `--leaf-color-button-secondary-content-hover`: `#00363D` - `--leaf-color-button-secondary-inverse-content-hover`: `#12F3A9` - `--leaf-color-button-secondary-content-focus`: `#00363D` - `--leaf-color-button-secondary-inverse-content-focus`: `#12F3A9` - `--leaf-color-button-secondary-content-active`: `#00171A` - `--leaf-color-button-secondary-inverse-content-active`: `#00D18D` - `--leaf-color-button-secondary-content-disabled`: `#949494` - `--leaf-color-button-secondary-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-secondary-border`: `#035C67` - `--leaf-color-button-secondary-inverse-border`: `#3EFFC0` - `--leaf-color-button-secondary-border-hover`: `#00363D` - `--leaf-color-button-secondary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-secondary-border-focus`: `#00363D` - `--leaf-color-button-secondary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-secondary-border-active`: `#00171A` - `--leaf-color-button-secondary-inverse-border-active`: `#00D18D` - `--leaf-color-button-secondary-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-inverse-border-disabled`: `#ABABAB` - `--leaf-color-button-secondary-outline`: `#00171A` - `--leaf-color-button-secondary-inverse-outline`: `#12F3A9` - `--leaf-color-button-secondary-bg-default`: `#505050` - `--leaf-color-button-secondary-inverse-bg-default`: `#505050` - `--leaf-color-button-secondary-content-default`: `#035C67` - `--leaf-color-button-secondary-inverse-content-default`: `#3EFFC0` - `--leaf-color-button-secondary-border-default`: `#035C67` - `--leaf-color-button-secondary-inverse-border-default`: `#3EFFC0` - `--leaf-color-button-secondary-outline-default`: `#00171A` - `--leaf-color-button-secondary-inverse-outline-default`: `#12F3A9` - `--leaf-color-button-tertiary-neutral-bg`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-neutral-content`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border`: `#505050` - `--leaf-color-button-tertiary-neutral-bg-hover`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-neutral-bg-focus`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-neutral-content-hover`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-hover`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-content-focus`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-focus`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-hover`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-hover`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-focus`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-focus`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-active`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-border-active`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-bg-active`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-active`: `#505050` - `--leaf-color-button-tertiary-neutral-content-active`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-active`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-border-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-neutral-content-disabled`: `#949494` - `--leaf-color-button-tertiary-neutral-inverse-content-disabled`: `#6C6C6C` - `--leaf-color-button-tertiary-neutral-outline`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-outline`: `#3EFFC0` - `--leaf-color-button-tertiary-neutral-bg-default`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-neutral-content-default`: `#2D2D2D` - `--leaf-color-button-tertiary-neutral-inverse-content-default`: `#FFFFFF` - `--leaf-color-button-tertiary-neutral-border-default`: `#505050` - `--leaf-color-button-tertiary-neutral-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-neutral-outline-default`: `#00140E` - `--leaf-color-button-tertiary-neutral-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-tertiary-danger-bg`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-danger-bg-hover`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-danger-bg-focus`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-danger-bg-active`: `#FCCACA` - `--leaf-color-button-tertiary-danger-inverse-bg-active`: `#330000` - `--leaf-color-button-tertiary-danger-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-content`: `#AA1313` - `--leaf-color-button-tertiary-danger-inverse-content`: `#F5A8A8` - `--leaf-color-button-tertiary-danger-content-hover`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-content-hover`: `#F88181` - `--leaf-color-button-tertiary-danger-content-focus`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-content-focus`: `#F88181` - `--leaf-color-button-tertiary-danger-content-active`: `#330000` - `--leaf-color-button-tertiary-danger-inverse-content-active`: `#FF5C5C` - `--leaf-color-button-tertiary-danger-content-disabled`: `#949494` - `--leaf-color-button-tertiary-danger-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-tertiary-danger-border`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border`: `#505050` - `--leaf-color-button-tertiary-danger-border-hover`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-border-hover`: `#F88181` - `--leaf-color-button-tertiary-danger-border-active`: `#330000` - `--leaf-color-button-tertiary-danger-inverse-border-active`: `#FF5C5C` - `--leaf-color-button-tertiary-danger-border-focus`: `#7A0000` - `--leaf-color-button-tertiary-danger-inverse-border-focus`: `#F88181` - `--leaf-color-button-tertiary-danger-border-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-danger-outline`: `#00171A` - `--leaf-color-button-tertiary-danger-inverse-outline`: `#3EFFC0` - `--leaf-color-button-tertiary-danger-bg-default`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-danger-content-default`: `#AA1313` - `--leaf-color-button-tertiary-danger-inverse-content-default`: `#F5A8A8` - `--leaf-color-button-tertiary-danger-border-default`: `#505050` - `--leaf-color-button-tertiary-danger-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-danger-outline-default`: `#00171A` - `--leaf-color-button-tertiary-danger-inverse-outline-default`: `#3EFFC0` - `--leaf-color-button-tertiary-bg`: `#505050` - `--leaf-color-button-tertiary-inverse-bg`: `#505050` - `--leaf-color-button-tertiary-bg-hover`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-hover`: `#505050` - `--leaf-color-button-tertiary-bg-focus`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-focus`: `#505050` - `--leaf-color-button-tertiary-bg-active`: `#CCE7EA` - `--leaf-color-button-tertiary-inverse-bg-active`: `#011C1F` - `--leaf-color-button-tertiary-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-disabled`: `#505050` - `--leaf-color-button-tertiary-content`: `#035C67` - `--leaf-color-button-tertiary-inverse-content`: `#3EFFC0` - `--leaf-color-button-tertiary-content-hover`: `#00363D` - `--leaf-color-button-tertiary-inverse-content-hover`: `#12F3A9` - `--leaf-color-button-tertiary-content-focus`: `#00363D` - `--leaf-color-button-tertiary-inverse-content-focus`: `#12F3A9` - `--leaf-color-button-tertiary-content-active`: `#00171A` - `--leaf-color-button-tertiary-inverse-content-active`: `#00D18D` - `--leaf-color-button-tertiary-content-disabled`: `#949494` - `--leaf-color-button-tertiary-inverse-content-disabled`: `#ABABAB` - `--leaf-color-button-tertiary-border`: `#505050` - `--leaf-color-button-tertiary-inverse-border`: `#505050` - `--leaf-color-button-tertiary-border-hover`: `#00363D` - `--leaf-color-button-tertiary-inverse-border-hover`: `#12F3A9` - `--leaf-color-button-tertiary-border-focus`: `#00363D` - `--leaf-color-button-tertiary-inverse-border-focus`: `#12F3A9` - `--leaf-color-button-tertiary-border-active`: `#00171A` - `--leaf-color-button-tertiary-inverse-border-active`: `#00D18D` - `--leaf-color-button-tertiary-border-disabled`: `#505050` - `--leaf-color-button-tertiary-inverse-border-disabled`: `#505050` - `--leaf-color-button-tertiary-outline`: `#00171A` - `--leaf-color-button-tertiary-inverse-outline`: `#12F3A9` - `--leaf-color-button-tertiary-bg-default`: `#505050` - `--leaf-color-button-tertiary-inverse-bg-default`: `#505050` - `--leaf-color-button-tertiary-content-default`: `#035C67` - `--leaf-color-button-tertiary-inverse-content-default`: `#3EFFC0` - `--leaf-color-button-tertiary-border-default`: `#505050` - `--leaf-color-button-tertiary-inverse-border-default`: `#505050` - `--leaf-color-button-tertiary-outline-default`: `#00171A` - `--leaf-color-button-tertiary-inverse-outline-default`: `#12F3A9` - `--leaf-color-bg-accent-subtle`: `#EDEBE7` - `--leaf-color-bg-accent-brand`: `#3EFFC0` - `--leaf-color-bg-accent-brand-strong`: `#008F83` - `--leaf-color-bg-accent-brand-xstrong`: `#035C67` - `--leaf-color-bg-accent-brand-subtle`: `#A3C5FF` - `--leaf-color-bg-blur-default`: `#FFFFFF` - `--leaf-color-bg-blur-subtle`: `#FFFFFF` - `--leaf-color-bg-default`: `#FFFFFF` - `--leaf-color-bg-default-hover`: `#EAF4F6` - `--leaf-color-bg-default-active`: `#CCE7EA` - `--leaf-color-bg-subtle`: `#F6F5F3` - `--leaf-color-bg-moderate`: `#818181` - `--leaf-color-bg-inverse-moderate`: `#ABABAB` - `--leaf-color-bg-strong`: `#2D2D2D` - `--leaf-color-bg-disabled`: `#EAEAEA` - `--leaf-color-bg-brand`: `#EAF4F6` - `--leaf-color-bg-brand-hover`: `#CCE7EA` - `--leaf-color-bg-brand-active`: `#79DBE7` - `--leaf-color-bg-brand-strong`: `#035C67` - `--leaf-color-bg-brand-strong-hover`: `#00363D` - `--leaf-color-bg-brand-strong-active`: `#00171A` - `--leaf-color-bg-brand-xstrong`: `#00363D` - `--leaf-color-bg-brand-xstrong-hover`: `#00171A` - `--leaf-color-bg-brand-xstrong-active`: `#00171A` - `--leaf-color-bg-success`: `#D6FFF2` - `--leaf-color-bg-success-strong`: `#006041` - `--leaf-color-bg-error`: `#FFEBEB` - `--leaf-color-bg-error-strong`: `#AA1313` - `--leaf-color-bg-warning`: `#FCF5E5` - `--leaf-color-bg-warning-strong`: `#F4C465` - `--leaf-color-bg-info`: `#EBF2FF` - `--leaf-color-bg-info-strong`: `#0048C2` - `--leaf-color-bg-attention`: `#EAF4F6` - `--leaf-color-bg-attention-strong`: `#035C67` - `--leaf-color-bg-opacity-transparent`: `#505050` - `--leaf-color-bg-opacity-default`: `#333333` - `--leaf-color-bg-opacity-sheet`: `#EAF4F6` - `--leaf-color-bg-active`: `#2D2D2D` - `--leaf-color-bg-inverse-active`: `#FFFFFF` - `--leaf-color-bg-hover`: `#EAF4F6` - `--leaf-color-bg-pressed`: `#CCE7EA` - `--leaf-color-bg-notification`: `#EAF4F6` - `--leaf-color-bg-notification-strong`: `#035C67` - `--leaf-color-bg-focus-strong`: `#2D2D2D` - `--leaf-color-bg-inverse-focus-strong`: `#FFFFFF` - `--leaf-color-content-accent-subtle`: `#EDEBE7` - `--leaf-color-content-accent-brand`: `#3EFFC0` - `--leaf-color-content-accent-brand-icon`: `#DAFA87` - `--leaf-color-content-accent-brand-strong`: `#008F83` - `--leaf-color-content-accent-brand-strong-icon`: `#F88181` - `--leaf-color-content-accent-brand-xstrong`: `#008F83` - `--leaf-color-content-accent-brand-subtle`: `#A3C5FF` - `--leaf-color-content-default`: `#2D2D2D` - `--leaf-color-content-subtle`: `#6C6C6C` - `--leaf-color-content-disabled`: `#949494` - `--leaf-color-content-knockout`: `#FFFFFF` - `--leaf-color-content-brand`: `#035C67` - `--leaf-color-content-brand-strong`: `#035C67` - `--leaf-color-content-brand-knockout`: `#D6FFF2` - `--leaf-color-content-success`: `#0E7C5A` - `--leaf-color-content-inverse-success`: `#B3D6D1` - `--leaf-color-content-success-icon`: `#0E7C5A` - `--leaf-color-content-inverse-success-icon`: `#B3D6D1` - `--leaf-color-content-error`: `#D02525` - `--leaf-color-content-inverse-error`: `#FCCACA` - `--leaf-color-content-error-icon`: `#D02525` - `--leaf-color-content-inverse-error-icon`: `#FCCACA` - `--leaf-color-content-warning-icon`: `#2D2D2D` - `--leaf-color-content-inverse-warning-icon`: `#FFFFFF` - `--leaf-color-content-info`: `#1963E1` - `--leaf-color-content-inverse-info`: `#A3C5FF` - `--leaf-color-content-info-icon`: `#1963E1` - `--leaf-color-content-inverse-info-icon`: `#A3C5FF` - `--leaf-color-content-notification`: `#0F7885` - `--leaf-color-content-inverse-notification`: `#3EFFC0` - `--leaf-color-content-attention-icon`: `#0F7885` - `--leaf-color-content-inverse-notification-icon`: `#3EFFC0` - `--leaf-color-content-link`: `#035C67` - `--leaf-color-content-inverse-link`: `#3EFFC0` - `--leaf-color-content-link-hover`: `#00363D` - `--leaf-color-content-inverse-link-hover`: `#12F3A9` - `--leaf-color-content-link-focus`: `#FFFFFF` - `--leaf-color-content-inverse-link-focus`: `#2D2D2D` - `--leaf-color-content-link-visited`: `#7522D9` - `--leaf-color-content-inverse-link-visited`: `#ECC8E4` - `--leaf-color-content-link-disabled`: `#949494` - `--leaf-color-content-inverse-link-disabled`: `#EAEAEA` - `--leaf-color-content-link-active`: `#00171A` - `--leaf-color-content-inverse-link-active`: `#00D18D` - `--leaf-color-content-inverse-default`: `#FFFFFF` - `--leaf-color-content-notification-icon`: `#0F7885` - `--leaf-color-border-blur-default`: `#D5D5D5` - `--leaf-color-border-ai-start`: `#0CEDDB` - `--leaf-color-border-ai-middle`: `#011C1F` - `--leaf-color-border-ai-end`: `#008F83` - `--leaf-color-border-ai-recommendation-start`: `#A3C5FF` - `--leaf-color-border-ai-recommendation-middle`: `#3EFFC0` - `--leaf-color-border-ai-recommendation-end`: `#DAFA87` - `--leaf-color-border-default`: `#D5D5D5` - `--leaf-color-border-strong`: `#6C6C6C` - `--leaf-color-border-knockout`: `#FFFFFF` - `--leaf-color-border-disabled`: `#ABABAB` - `--leaf-color-border-brand`: `#035C67` - `--leaf-color-border-brand-subtle`: `#3EFFC0` - `--leaf-color-border-brand-strong`: `#035C67` - `--leaf-color-border-success`: `#006041` - `--leaf-color-border-error`: `#AA1313` - `--leaf-color-border-warning`: `#B3700D` - `--leaf-color-border-info`: `#0048C2` - `--leaf-color-border-attention`: `#035C67` - `--leaf-color-border-transparent`: `#505050` - `--leaf-color-border-active-outline`: `#00363D` - `--leaf-color-border-inverse-active-outline`: `#3EFFC0` - `--leaf-color-border-inverse-default`: `#FFFFFF` - `--leaf-color-border-inverse-error`: `#FCCACA` - `--leaf-color-border-notification`: `#035C67` - `--leaf-color-link-bg-active`: `#333333` - `--leaf-color-dataviz-focus-highlight`: `#035C67` - `--leaf-color-dataviz-focus-strong`: `#008F83` - `--leaf-color-dataviz-focus-inverse-highlight`: `#3EFFC0` - `--leaf-color-dataviz-focus-inverse-strong`: `#008F83` - `--leaf-color-dataviz-monochromatic-favorable-darkest`: `#003826` - `--leaf-color-dataviz-monochromatic-favorable-inverse-darkest`: `#006041` - `--leaf-color-dataviz-monochromatic-favorable-inverse-darker`: `#0E7C5A` - `--leaf-color-dataviz-monochromatic-favorable-inverse-light`: `#00D18D` - `--leaf-color-dataviz-monochromatic-favorable-inverse-lighter`: `#3EFFC0` - `--leaf-color-dataviz-monochromatic-favorable-inverse-lightest`: `#D6FFF2` - `--leaf-color-dataviz-monochromatic-favorable-darker`: `#006041` - `--leaf-color-dataviz-monochromatic-favorable-light`: `#08A070` - `--leaf-color-dataviz-monochromatic-favorable-lighter`: `#12F3A9` - `--leaf-color-dataviz-monochromatic-favorable-lightest`: `#94F9D8` - `--leaf-color-dataviz-monochromatic-unfavorable-darkest`: `#7A0000` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-darkest`: `#AA1313` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-darker`: `#D02525` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-light`: `#FF5C5C` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-lighter`: `#F5A8A8` - `--leaf-color-dataviz-monochromatic-unfavorable-inverse-lightest`: `#FFEBEB` - `--leaf-color-dataviz-monochromatic-unfavorable-darker`: `#AA1313` - `--leaf-color-dataviz-monochromatic-unfavorable-light`: `#E93A3A` - `--leaf-color-dataviz-monochromatic-unfavorable-lighter`: `#F88181` - `--leaf-color-dataviz-monochromatic-unfavorable-lightest`: `#FCCACA` - `--leaf-color-dataviz-monochromatic-alternative01-darkest`: `#253300` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-darkest`: `#3B5200` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-darker`: `#4F6A0C` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-light`: `#7DAD00` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-lighter`: `#AEE61E` - `--leaf-color-dataviz-monochromatic-alternative01-inverse-lightest`: `#EDFFBD` - `--leaf-color-dataviz-monochromatic-alternative01-darker`: `#3B5200` - `--leaf-color-dataviz-monochromatic-alternative01-light`: `#648807` - `--leaf-color-dataviz-monochromatic-alternative01-lighter`: `#96CB0B` - `--leaf-color-dataviz-monochromatic-alternative01-lightest`: `#DAFA87` - `--leaf-color-dataviz-monochromatic-alternative02-darkest`: `#002970` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-darkest`: `#0048C2` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-darker`: `#1963E1` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-light`: `#5292FF` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-lighter`: `#A3C5FF` - `--leaf-color-dataviz-monochromatic-alternative02-inverse-lightest`: `#EBF2FF` - `--leaf-color-dataviz-monochromatic-alternative02-darker`: `#0048C2` - `--leaf-color-dataviz-monochromatic-alternative02-light`: `#2F78F4` - `--leaf-color-dataviz-monochromatic-alternative02-lighter`: `#7CAAF8` - `--leaf-color-dataviz-monochromatic-alternative02-lightest`: `#CADCFC` - `--leaf-color-dataviz-monochromatic-neutral-darkest`: `#2D2D2D` - `--leaf-color-dataviz-monochromatic-neutral-inverse-darkest`: `#575757` - `--leaf-color-dataviz-monochromatic-neutral-inverse-darker`: `#818181` - `--leaf-color-dataviz-monochromatic-neutral-inverse-light`: `#ABABAB` - `--leaf-color-dataviz-monochromatic-neutral-inverse-lighter`: `#C6C6C6` - `--leaf-color-dataviz-monochromatic-neutral-inverse-lightest`: `#F1F1F1` - `--leaf-color-dataviz-monochromatic-neutral-darker`: `#575757` - `--leaf-color-dataviz-monochromatic-neutral-light`: `#818181` - `--leaf-color-dataviz-monochromatic-neutral-lighter`: `#ABABAB` - `--leaf-color-dataviz-monochromatic-neutral-lightest`: `#C6C6C6` - `--leaf-color-dataviz-divergent-favorable-darkest`: `#003826` - `--leaf-color-dataviz-divergent-favorable-darker`: `#006041` - `--leaf-color-dataviz-divergent-favorable-light`: `#08A070` - `--leaf-color-dataviz-divergent-favorable-lighter`: `#12F3A9` - `--leaf-color-dataviz-divergent-favorable-lightest`: `#94F9D8` - `--leaf-color-dataviz-divergent-favorable-inverse-lightest`: `#94F9D8` - `--leaf-color-dataviz-divergent-favorable-inverse-lighter`: `#3EFFC0` - `--leaf-color-dataviz-divergent-favorable-inverse-light`: `#00D18D` - `--leaf-color-dataviz-divergent-favorable-inverse-darker`: `#0E7C5A` - `--leaf-color-dataviz-divergent-favorable-inverse-darkest`: `#006041` - `--leaf-color-dataviz-divergent-unfavorable-darkest`: `#7A0000` - `--leaf-color-dataviz-divergent-unfavorable-darker`: `#AA1313` - `--leaf-color-dataviz-divergent-unfavorable-light`: `#E93A3A` - `--leaf-color-dataviz-divergent-unfavorable-lighter`: `#F88181` - `--leaf-color-dataviz-divergent-unfavorable-lightest`: `#FCCACA` - `--leaf-color-dataviz-divergent-unfavorable-inverse-lightest`: `#FCCACA` - `--leaf-color-dataviz-divergent-unfavorable-inverse-lighter`: `#F5A8A8` - `--leaf-color-dataviz-divergent-unfavorable-inverse-light`: `#FF5C5C` - `--leaf-color-dataviz-divergent-unfavorable-inverse-darker`: `#D02525` - `--leaf-color-dataviz-divergent-unfavorable-inverse-darkest`: `#AA1313` - `--color--bright-blue`: `#002855` - `--color--rich-gold`: `#C99700` - `--color--light-green-bg`: `#F1F6F3` - `--color--soft-gray`: `#959595` - `--color--lightest-gray`: `#F7F7F7` - `--color--table-green`: `#D2E9DD` - `--color--table-gray__dark`: `#E9E9E9` - `--color--table-gray__light`: `#EFEFEF` - `--color--sky-blue`: `#90B9FF` - `--color--soft-coral`: `#E88789` - `--color--primary`: `#035C67` - `--color--secondary`: `#3EFFC0` - `--color--tertiary`: `#CBE6EA` - `--color--quaternary`: `#002F32` - `--color--accent--green`: `#008F83` - `--color--gray--primary`: `#EDEBE7` ### Typefaces - Inter (`--leaf-font-families-inter`) — on Google Fonts - GT Walsheim Pro Bold - GT Walsheim Pro Regular - GT Walsheim Pro Medium - GT Walsheim Pro - GT Walsheim Pro Light - en - en' !important ### Type scale (most-used sizes) `3rem` · `2.5rem` · `2rem` · `1.75rem` · `1.5rem` · `1.25rem` · `1.125rem` · `1rem` · `16px` · `.875rem` · `14px` · `12px` ### Letter-spacing `1px` (45) · `.125em` (2) ### Corner radii (most-used) `30px` · `10px` · `50%` · `5px` · `7px` · `100px` · `2px` · `8px` · `1.75rem` · `20px` ### Shadows - `0 8px 30px rgba(0,0,0,.07)` - `0 0 28px -20px #000` - `0 0 5px #666666` - `0 0 3px 1px rgb(94,158,214)` - `0 0 27px rgba(0,0,0,.07)` - `inset 1px 1px 1px #ccc` ### Gradients - `linear-gradient(#e7e7df,#f0f0f0)` - `linear-gradient(top,rgb(0,0,0,0),rgb(0,0,0,0.15))` - `linear-gradient(left top,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)` - `linear-gradient(to bottom,rgb(0,0,0,0),rgb(0,0,0,0.15))` - `linear-gradient(to right bottom,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%)` ### Breakpoints 480px · 481px · 600px · 767px · 768px · 979px · 980px · 981px · 1140px · 1279px · 1280px · 1281px · 1600px