wbu-design-system
Version:
WhereBy.Design is the nascent design system for WhereBy.Us
1,062 lines • 27.2 kB
JSON
{
"aliases": {
"mango": {
"value": "#ffdb4d"
},
"lh_background_dark": {
"value": "#202a33"
},
"white": {
"value": "#fff"
},
"lh_green_accent": {
"value": "#2BFCB8"
},
"lh_blue_accent": {
"value": "#56B2E4"
},
"lh_md_red": {
"value": "#BB2244"
},
"lh_dk_green": {
"value": "#1C6B49"
},
"lh_dk_blue": {
"value": "#066893"
},
"coral": {
"value": "#e2624f"
},
"black_transparent": {
"value": "rgba(0,0,0,0.6)"
},
"oil": {
"value": "#333"
},
"gray_dark": {
"value": "#666"
},
"lh_dk_gray": {
"value": "#57575C"
},
"lh_pink": {
"value": "#ff6584"
},
"gray_light": {
"value": "#999"
},
"blue_dark": {
"value": "#050E1D"
},
"lh_dk_red": {
"value": "#931B36"
},
"rich_black": {
"value": "#001123"
},
"lh_black": {
"value": "#333132"
},
"lh_md_green": {
"value": "#289667"
},
"lh_bkg_blue": {
"value": "#F5FCFF"
},
"lh_rich_black": {
"value": "#202A33"
},
"lh_md_blue": {
"value": "#1D7CAF"
}
},
"props": {
"space_xx_large": {
"type": "number",
"category": "space",
"value": "128px",
"originalValue": "128px",
"name": "space_xx_large"
},
"space_x_large": {
"type": "number",
"category": "space",
"value": "64px",
"originalValue": "64px",
"name": "space_x_large"
},
"space_large": {
"type": "number",
"category": "space",
"value": "48px",
"originalValue": "48px",
"name": "space_large"
},
"space_base": {
"type": "number",
"category": "space",
"value": "24px",
"originalValue": "24px",
"name": "space_base"
},
"space_small": {
"type": "number",
"category": "space",
"value": "16px",
"originalValue": "16px",
"name": "space_small"
},
"space_x_small": {
"type": "number",
"category": "space",
"value": "8px",
"originalValue": "8px",
"name": "space_x_small"
},
"space_xx_small": {
"type": "number",
"category": "space",
"value": "4px",
"originalValue": "4px",
"name": "space_xx_small"
},
"border_none": {
"type": "number",
"category": "border",
"value": "none",
"originalValue": "none",
"name": "border_none"
},
"border_style_default": {
"type": "number",
"category": "border",
"value": "solid",
"originalValue": "solid",
"name": "border_style_default"
},
"border_width_none": {
"type": "number",
"category": "border",
"value": "0",
"originalValue": "0",
"name": "border_width_none"
},
"border_width_default": {
"type": "number",
"category": "border",
"value": "1px",
"originalValue": "1px",
"name": "border_width_default"
},
"border_width_ex_small": {
"type": "number",
"category": "border",
"value": "3px",
"originalValue": "3px",
"name": "border_width_ex_small"
},
"border_width_small": {
"type": "number",
"category": "border",
"value": "5px",
"originalValue": "5px",
"name": "border_width_small"
},
"border_radius_default": {
"type": "number",
"category": "border-radius",
"value": "6px",
"originalValue": "6px",
"name": "border_radius_default"
},
"border_radius_circle": {
"type": "number",
"category": "border-radius",
"value": "50%",
"originalValue": "50%",
"name": "border_radius_circle"
},
"border_radius_none": {
"type": "number",
"category": "border-radius",
"value": "0",
"originalValue": "0",
"name": "border_radius_none"
},
"border_radius_rounder": {
"type": "number",
"category": "border-radius",
"value": "6px",
"originalValue": "6px",
"name": "border_radius_rounder"
},
"box_shadow_default": {
"type": "...",
"category": "box-shadow",
"value": "1px 2px 13px -9px #001123",
"originalValue": "1px 2px 13px -9px #001123",
"name": "box_shadow_default"
},
"box_shadow_hover": {
"type": "...",
"category": "box-shadow",
"value": "1px 9px 13px -9px #1D7CAF",
"originalValue": "1px 9px 13px -9px #1D7CAF",
"name": "box_shadow_hover"
},
"box_shadow_aragorn": {
"type": "...",
"category": "box-shadow",
"value": "4px 4px 0px 0px rgba(92, 106, 196, 0.1)",
"originalValue": "4px 4px 0px 0px rgba(92, 106, 196, 0.1)",
"name": "box_shadow_aragorn"
},
"color_lh_background_dark": {
"type": "color",
"category": "color",
"value": "rgb(32, 42, 51)",
"originalValue": "{!lh_background_dark}",
"name": "color_lh_background_dark"
},
"color_lh_dk_red": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(147, 27, 54)",
"originalValue": "{!lh_dk_red}",
"name": "color_lh_dk_red"
},
"color_lh_md_green": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(40, 150, 103)",
"originalValue": "{!lh_md_green}",
"name": "color_lh_md_green"
},
"color_lh_bkg_blue": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(245, 252, 255)",
"originalValue": "{!lh_bkg_blue}",
"name": "color_lh_bkg_blue"
},
"color_lh_rich_black": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(32, 42, 51)",
"originalValue": "{!lh_rich_black}",
"name": "color_lh_rich_black"
},
"color_mango": {
"type": "color",
"category": "color_group_1",
"value": "rgb(255, 219, 77)",
"originalValue": "{!mango}",
"name": "color_mango"
},
"color_lh_blue_accent": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(86, 178, 228)",
"originalValue": "{!lh_blue_accent}",
"name": "color_lh_blue_accent"
},
"color_silver": {
"type": "color",
"category": "color_group_6",
"value": "rgb(127, 136, 145)",
"originalValue": "#7F8891",
"name": "color_silver"
},
"color_lh_dk_blue": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(6, 104, 147)",
"originalValue": "{!lh_dk_blue}",
"name": "color_lh_dk_blue"
},
"color_white": {
"type": "color",
"category": "color_group_1",
"value": "rgb(255, 255, 255)",
"originalValue": "{!white}",
"name": "color_white"
},
"color_lh_green_accent": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(43, 252, 184)",
"originalValue": "{!lh_green_accent}",
"name": "color_lh_green_accent"
},
"color_lh_md_red": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(187, 34, 68)",
"originalValue": "{!lh_md_red}",
"name": "color_lh_md_red"
},
"color_lh_dk_green": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(28, 107, 73)",
"originalValue": "{!lh_dk_green}",
"name": "color_lh_dk_green"
},
"color_lh_dk_gray": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(87, 87, 92)",
"originalValue": "{!lh_dk_gray}",
"name": "color_lh_dk_gray"
},
"color_coral": {
"type": "color",
"category": "color_group_6",
"value": "rgb(226, 98, 79)",
"originalValue": "{!coral}",
"name": "color_coral"
},
"color_gray_dark": {
"type": "color",
"category": "color_group_6",
"value": "rgb(102, 102, 102)",
"originalValue": "{!gray_dark}",
"name": "color_gray_dark"
},
"color_gray_light": {
"type": "color",
"category": "color_group_6",
"value": "rgb(153, 153, 153)",
"originalValue": "{!gray_light}",
"name": "color_gray_light"
},
"color_oil": {
"type": "color",
"category": "color_group_1",
"value": "rgb(51, 51, 51)",
"originalValue": "{!oil}",
"name": "color_oil"
},
"color_black_transparent": {
"type": "color",
"category": "color_gorup_1",
"value": "rgba(0, 0, 0, 0.6)",
"originalValue": "{!black_transparent}",
"name": "color_black_transparent"
},
"color_lh_black": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(51, 49, 50)",
"originalValue": "{!lh_black}",
"name": "color_lh_black"
},
"color_rich_black": {
"type": "color",
"category": "color_group_6",
"value": "rgb(0, 17, 35)",
"originalValue": "{!rich_black}",
"name": "color_rich_black"
},
"color_cloud": {
"type": "color",
"category": "color_group_6",
"value": "rgb(245, 245, 245)",
"originalValue": "#f5f5f5",
"name": "color_cloud"
},
"color_lh_md_blue": {
"type": "color",
"category": "color_letterhead",
"value": "rgb(29, 124, 175)",
"originalValue": "{!lh_md_blue}",
"name": "color_lh_md_blue"
},
"color_lh_pink": {
"type": "color",
"category": "color",
"value": "rgb(255, 101, 132)",
"originalValue": "{!lh_pink}",
"name": "color_lh_pink"
},
"font_family_heading": {
"type": "...",
"category": "font",
"value": "'Montserrat', Verdana, sans-serif",
"originalValue": "'Montserrat', Verdana, sans-serif",
"name": "font_family_heading"
},
"font_family_text": {
"type": "...",
"category": "font",
"value": "'Montserrat', Verdana, sans-serif",
"originalValue": "'Montserrat', Verdana, sans-serif",
"name": "font_family_text"
},
"font_family_template": {
"type": "...",
"category": "font",
"value": "'Fira code', 'Fira Mono', 'Consolas', 'Menlo', Courier, monospace",
"originalValue": "'Fira code', 'Fira Mono', 'Consolas', 'Menlo', Courier, monospace",
"name": "font_family_template"
},
"font_weight_regular": {
"type": "...",
"category": "font",
"value": "400",
"originalValue": "400",
"name": "font_weight_regular"
},
"font_weight_medium": {
"type": "...",
"category": "font",
"value": "500",
"originalValue": "500",
"name": "font_weight_medium"
},
"font_weight_demi": {
"type": "...",
"category": "font",
"value": "600",
"originalValue": "600",
"name": "font_weight_demi"
},
"font_weight_bold": {
"type": "...",
"category": "font",
"value": "700",
"originalValue": "700",
"name": "font_weight_bold"
},
"font_size_paragraph": {
"type": "number",
"category": "font-size",
"value": "21px",
"originalValue": "21px",
"name": "font_size_paragraph"
},
"font_size_sm_h1": {
"type": "number",
"category": "font-size",
"value": "33px",
"originalValue": "33px",
"name": "font_size_sm_h1"
},
"font_size_sm_h2": {
"type": "number",
"category": "font-size",
"value": "26px",
"originalValue": "26px",
"name": "font_size_sm_h2"
},
"font_size_sm_h3": {
"type": "number",
"category": "font-size",
"value": "20px",
"originalValue": "20px",
"name": "font_size_sm_h3"
},
"font_size_md_h1": {
"type": "number",
"category": "font-size",
"value": "40px",
"originalValue": "40px",
"name": "font_size_md_h1"
},
"font_size_sm_h4": {
"type": "number",
"category": "font-size",
"value": "17px",
"originalValue": "17px",
"name": "font_size_sm_h4"
},
"font_size_md_h2": {
"type": "number",
"category": "font-size",
"value": "32px",
"originalValue": "32px",
"name": "font_size_md_h2"
},
"font_size_sm_h5": {
"type": "number",
"category": "font-size",
"value": "15px",
"originalValue": "15px",
"name": "font_size_sm_h5"
},
"font_size_md_h3": {
"type": "number",
"category": "font-size",
"value": "24px",
"originalValue": "24px",
"name": "font_size_md_h3"
},
"font_size_md_h4": {
"type": "number",
"category": "font-size",
"value": "19px",
"originalValue": "19px",
"name": "font_size_md_h4"
},
"font_size_md_h5": {
"type": "number",
"category": "font-size",
"value": "17px",
"originalValue": "17px",
"name": "font_size_md_h5"
},
"font_size_md_h6": {
"type": "number",
"category": "font-size",
"value": "14px",
"originalValue": "14px",
"name": "font_size_md_h6"
},
"font_size_sm_base": {
"type": "number",
"category": "font-size",
"value": "18px",
"originalValue": "18px",
"name": "font_size_sm_base"
},
"font_size_md_small": {
"type": "number",
"category": "font-size",
"value": "17px",
"originalValue": "17px",
"name": "font_size_md_small"
},
"font_size_large": {
"type": "number",
"category": "font-size",
"value": "20px",
"originalValue": "20px",
"name": "font_size_large"
},
"font_size_sm_small": {
"type": "number",
"category": "font-size",
"value": "14px",
"originalValue": "14px",
"name": "font_size_sm_small"
},
"font_size_root": {
"type": "number",
"category": "font-size",
"value": "16px",
"originalValue": "16px",
"name": "font_size_root"
},
"font_size_md_xs": {
"type": "number",
"category": "font-size",
"value": "14px",
"originalValue": "14px",
"name": "font_size_md_xs"
},
"font-size_md_base": {
"type": "number",
"category": "font-size",
"value": "16px",
"originalValue": "16px",
"name": "font-size_md_base"
},
"font_size_base": {
"type": "number",
"category": "font-size",
"value": "1rem",
"originalValue": "1rem",
"name": "font_size_base"
},
"headings_margin_bottom": {
"type": "number",
"category": "headings",
"value": "0.5rem",
"originalValue": "0.5rem",
"name": "headings_margin_bottom"
},
"headings_margin_top": {
"type": "number",
"category": "headings",
"value": "0rem",
"originalValue": "0rem",
"name": "headings_margin_top"
},
"input_field_height": {
"type": "number",
"category": "forms",
"value": "2.4rem",
"originalValue": "2.4rem",
"name": "input_field_height"
},
"form_switch_width": {
"type": "number",
"category": "forms",
"value": "55px",
"originalValue": "55px",
"name": "form_switch_width"
},
"form_switch_offset": {
"type": "number",
"category": "forms",
"value": "27px",
"originalValue": "27px",
"name": "form_switch_offset"
},
"letter_spacing_x_large": {
"type": "number",
"category": "letter-spacing",
"value": "2px",
"originalValue": "2px",
"name": "letter_spacing_x_large"
},
"letter_spacing_large": {
"type": "number",
"category": "letter-spacing",
"value": "1px",
"originalValue": "1px",
"name": "letter_spacing_large"
},
"letter_spacing_base": {
"type": "number",
"category": "letter-spacing",
"value": "0",
"originalValue": "0",
"name": "letter_spacing_base"
},
"letter_spacing_small": {
"type": "number",
"category": "letter-spacing",
"value": "-0.5px",
"originalValue": "-0.5px",
"name": "letter_spacing_small"
},
"letter_spacing_x_small": {
"type": "number",
"category": "letter-spacing",
"value": "-1px",
"originalValue": "-1px",
"name": "letter_spacing_x_small"
},
"line_height_base": {
"type": "number",
"category": "line-height",
"value": "1.52",
"originalValue": "1.52",
"name": "line_height_base"
},
"line_height_large": {
"type": "number",
"category": "line-height",
"value": "1.52",
"originalValue": "1.52",
"name": "line_height_large"
},
"line_height_small": {
"type": "number",
"category": "line-height",
"value": "1",
"originalValue": "1",
"name": "line_height_small"
},
"line_height_extra_small": {
"type": "number",
"category": "line-height",
"value": ".5",
"originalValue": ".5",
"name": "line_height_extra_small"
},
"line_height_heading": {
"type": "number",
"category": "line-height",
"value": "1.2",
"originalValue": "1.2",
"name": "line_height_heading"
},
"logo_width_small": {
"type": "number",
"category": "line-height",
"value": "135px",
"originalValue": "135px",
"name": "logo_width_small"
},
"logo_width_base": {
"type": "number",
"category": "line-height",
"value": "180px",
"originalValue": "180px",
"name": "logo_width_base"
},
"logo_width_medium": {
"type": "number",
"category": "line-height",
"value": "270px",
"originalValue": "270px",
"name": "logo_width_medium"
},
"logo_width_large": {
"type": "number",
"category": "line-height",
"value": "360px",
"originalValue": "360px",
"name": "logo_width_large"
},
"link_decoration_default": {
"type": "...",
"category": "link",
"value": "none",
"originalValue": "none",
"name": "link_decoration_default"
},
"link_hover_decoration": {
"type": "...",
"category": "link",
"value": "underline",
"originalValue": "underline",
"name": "link_hover_decoration"
},
"margin_none": {
"type": "number",
"category": "margin",
"value": "0",
"originalValue": "0",
"name": "margin_none"
},
"margin_small": {
"type": "number",
"category": "margin",
"value": "4px",
"originalValue": "4px",
"name": "margin_small"
},
"margin_default": {
"type": "number",
"category": "margin",
"value": "16px",
"originalValue": "16px",
"name": "margin_default"
},
"margin_medium": {
"type": "number",
"category": "margin",
"value": "24px",
"originalValue": "24px",
"name": "margin_medium"
},
"margin_large": {
"type": "number",
"category": "margin",
"value": "32px",
"originalValue": "32px",
"name": "margin_large"
},
"margin_auto": {
"type": "number",
"category": "margin",
"value": "auto",
"originalValue": "auto",
"name": "margin_auto"
},
"media_query_small": {
"type": "...",
"category": "media-query",
"value": "(min-width: 576px)",
"originalValue": "(min-width: 576px)",
"name": "media_query_small"
},
"media_query_medium": {
"type": "...",
"category": "media-query",
"value": "(min-width: 768px)",
"originalValue": "(min-width: 768px)",
"name": "media_query_medium"
},
"media_query_large": {
"type": "...",
"category": "media-query",
"value": "(min-width: 992px)",
"originalValue": "(min-width: 992px)",
"name": "media_query_large"
},
"media_query_extra_large": {
"type": "...",
"category": "media-query",
"value": "(min-width: 1200px)",
"originalValue": "(min-width: 1200px)",
"name": "media_query_extra_large"
},
"opacity_none": {
"type": "number",
"category": "opacity",
"value": "0",
"originalValue": "0",
"name": "opacity_none"
},
"opacity_disabled": {
"type": "number",
"category": "opacity",
"value": "0.80",
"originalValue": "0.80",
"name": "opacity_disabled"
},
"opacity_active_menu_on_dark_background": {
"type": "number",
"category": "opacity",
"value": "0.1",
"originalValue": "0.1",
"name": "opacity_active_menu_on_dark_background"
},
"opacity_film_on_dark_background": {
"type": "number",
"category": "opacity",
"value": "0.05",
"originalValue": "0.05",
"name": "opacity_film_on_dark_background"
},
"opacity_webcard": {
"type": "number",
"category": "opacity",
"value": "0.85",
"originalValue": "0.85",
"name": "opacity_webcard"
},
"padding_vertical_large": {
"type": "number",
"category": "padding",
"value": "8px",
"originalValue": "8px",
"name": "padding_vertical_large"
},
"padding_vertical_default": {
"type": "number",
"category": "padding",
"value": "6px",
"originalValue": "6px",
"name": "padding_vertical_default"
},
"padding_none": {
"type": "number",
"category": "padding",
"value": "0",
"originalValue": "0",
"name": "padding_none"
},
"padding_ratio_16x9": {
"type": "number",
"category": "padding",
"value": "56.25%",
"originalValue": "56.25%",
"name": "padding_ratio_16x9"
},
"padding_horizontal_sm_base": {
"type": "number",
"category": "padding",
"value": "16px",
"originalValue": "16px",
"name": "padding_horizontal_sm_base"
},
"padding_vertical_small": {
"type": "number",
"category": "padding",
"value": "4px",
"originalValue": "4px",
"name": "padding_vertical_small"
},
"padding_horizontal_large": {
"type": "number",
"category": "padding",
"value": "16px",
"originalValue": "16px",
"name": "padding_horizontal_large"
},
"padding_vertical_extra_large": {
"type": "number",
"category": "padding",
"value": "32px",
"originalValue": "32px",
"name": "padding_vertical_extra_large"
},
"padding_horizontal_default": {
"type": "number",
"category": "padding",
"value": "12px",
"originalValue": "12px",
"name": "padding_horizontal_default"
},
"padding_horizontal_small": {
"type": "number",
"category": "padding",
"value": "8px",
"originalValue": "8px",
"name": "padding_horizontal_small"
},
"padding_vertical_sm_base": {
"type": "number",
"category": "padding",
"value": "8px",
"originalValue": "8px",
"name": "padding_vertical_sm_base"
},
"padding_horizontal_extra_large": {
"type": "number",
"category": "padding",
"value": "32px",
"originalValue": "32px",
"name": "padding_horizontal_extra_large"
},
"sizing_x_small": {
"type": "number",
"category": "font-size",
"value": "5px",
"originalValue": "5px",
"name": "sizing_x_small"
},
"sizing_sm_small": {
"type": "number",
"category": "font-size",
"value": "14px",
"originalValue": "14px",
"name": "sizing_sm_small"
},
"sizing_md_small": {
"type": "number",
"category": "font-size",
"value": "16px",
"originalValue": "16px",
"name": "sizing_md_small"
},
"sizing_sm_base": {
"type": "number",
"category": "font-size",
"value": "27.2px",
"originalValue": "27.2px",
"name": "sizing_sm_base"
},
"sizing_md_base": {
"type": "number",
"category": "font-size",
"value": "32px",
"originalValue": "32px",
"name": "sizing_md_base"
},
"sizing_md_medium": {
"type": "number",
"category": "font-size",
"value": "36px",
"originalValue": "36px",
"name": "sizing_md_medium"
},
"sizing_md_large": {
"type": "number",
"category": "font-size",
"value": "64px",
"originalValue": "64px",
"name": "sizing_md_large"
},
"theme_new_tropic": {
"type": "...",
"category": "themes",
"value": "theme--thenewtropic",
"originalValue": "theme--thenewtropic",
"name": "theme_new_tropic"
},
"theme_evergrey": {
"type": "...",
"category": "themes",
"value": "theme--theevergrey",
"originalValue": "theme--theevergrey",
"name": "theme_evergrey"
},
"theme_pulptown": {
"type": "...",
"category": "themes",
"value": "theme--pulptown",
"originalValue": "theme--pulptown",
"name": "theme_pulptown"
},
"theme_bridgeliner": {
"type": "...",
"category": "themes",
"value": "theme--bridgeliner",
"originalValue": "theme--bridgeliner",
"name": "theme_bridgeliner"
},
"theme_incline": {
"type": "...",
"category": "themes",
"value": "theme--theincline",
"originalValue": "theme--theincline",
"name": "theme_incline"
},
"duration_quickly": {
"type": "number",
"category": "time",
"value": "0.15s",
"originalValue": "0.15s",
"name": "duration_quickly"
},
"duration_slowly": {
"type": "number",
"category": "time",
"value": "0.5s",
"originalValue": "0.5s",
"name": "duration_slowly"
},
"z_index_modal": {
"type": "number",
"category": "z-index",
"value": "9999",
"originalValue": "9999",
"name": "z_index_modal"
},
"z_index_kaput": {
"type": "number",
"category": "z-index",
"value": "-1",
"originalValue": "-1",
"name": "z_index_kaput"
},
"z_index_sticky": {
"type": "number",
"category": "z-index",
"value": "100",
"originalValue": "100",
"name": "z_index_sticky"
},
"mobile_screensize": {
"type": "number",
"category": "width",
"value": "640px",
"originalValue": "640px",
"name": "mobile_screensize"
},
"tablet_screensize": {
"type": "number",
"category": "width",
"value": "900px",
"originalValue": "900px",
"name": "tablet_screensize"
},
"desktop_screensize": {
"type": "number",
"category": "width",
"value": "1200px",
"originalValue": "1200px",
"name": "desktop_screensize"
},
"newsletter_width": {
"type": "number",
"category": "width",
"value": "640px",
"originalValue": "640px",
"name": "newsletter_width"
},
"newsletter_card_width": {
"type": "number",
"category": "width",
"value": "640px",
"originalValue": "640px",
"name": "newsletter_card_width"
}
}
}