wbu-design-system
Version:
WhereBy.Design is the nascent design system for WhereBy.Us
916 lines • 23.3 kB
JSON
{
"aliases": {
"mango": {
"value": "#ffdb4d"
},
"evergreen": {
"value": "#147534"
},
"biscayne": {
"value": "#47698E"
},
"cafe_con_leche": {
"value": "#9E775A"
},
"white": {
"value": "#fff"
},
"lighthouse": {
"value": "#b24"
},
"cocoplum": {
"value": "#91376A"
},
"tangerine": {
"value": "#f05329"
},
"mamey": {
"value": "#f69f82"
},
"coral": {
"value": "#e2624f"
},
"tnt_light": {
"value": "#8ec9c8"
},
"black_transparent": {
"value": "rgba(0,0,0,0.6)"
},
"oil": {
"value": "#333"
},
"gray_dark": {
"value": "#666"
},
"platano": {
"value": "#F2E255"
},
"blue_base": {
"value": "#0c172b"
},
"naranjita": {
"value": "#E78446"
},
"gray_light": {
"value": "#999"
},
"blue_dark": {
"value": "#050E1D"
},
"tnt_dark": {
"value": "#78a4a5"
},
"rich_black": {
"value": "#001123"
}
},
"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_style_default": {
"type": "number",
"category": "border",
"value": "solid",
"originalValue": "solid",
"name": "border_style_default"
},
"border_width_default": {
"type": "number",
"category": "border",
"value": "1px",
"originalValue": "1px",
"name": "border_width_default"
},
"color_biscayne": {
"type": "color",
"category": "color_group_3",
"value": "rgb(71, 105, 142)",
"originalValue": "{!biscayne}",
"name": "color_biscayne"
},
"color_cafe_con_leche": {
"type": "color",
"category": "color_group_5",
"value": "rgb(158, 119, 90)",
"originalValue": "{!cafe_con_leche}",
"name": "color_cafe_con_leche"
},
"color_lighthouse": {
"type": "color",
"category": "color_group_4",
"value": "rgb(187, 34, 68)",
"originalValue": "{!lighthouse}",
"name": "color_lighthouse"
},
"color_mango": {
"type": "color",
"category": "color_group_1",
"value": "rgb(255, 219, 77)",
"originalValue": "{!mango}",
"name": "color_mango"
},
"color_cocoplum": {
"type": "color",
"category": "color_group_3",
"value": "rgb(145, 55, 106)",
"originalValue": "{!cocoplum}",
"name": "color_cocoplum"
},
"color_evergreen": {
"type": "color",
"category": "color_group_4",
"value": "rgb(20, 117, 52)",
"originalValue": "{!evergreen}",
"name": "color_evergreen"
},
"color_silver": {
"type": "color",
"category": "color_group_6",
"value": "rgb(127, 136, 145)",
"originalValue": "#7F8891",
"name": "color_silver"
},
"color_white": {
"type": "color",
"category": "color_group_1",
"value": "rgb(255, 255, 255)",
"originalValue": "{!white}",
"name": "color_white"
},
"color_tangerine": {
"type": "color",
"category": "color_group_6",
"value": "rgb(240, 83, 41)",
"originalValue": "{!tangerine}",
"name": "color_tangerine"
},
"color_mamey": {
"type": "color",
"category": "color_group_2",
"value": "rgb(246, 159, 130)",
"originalValue": "{!mamey}",
"name": "color_mamey"
},
"color_coral": {
"type": "color",
"category": "color_group_6",
"value": "rgb(226, 98, 79)",
"originalValue": "{!coral}",
"name": "color_coral"
},
"color_tnt_light": {
"type": "color",
"category": "color_group_2",
"value": "rgb(142, 201, 200)",
"originalValue": "{!tnt_light}",
"name": "color_tnt_light"
},
"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_tnt_dark": {
"type": "color",
"category": "color_group_2",
"value": "rgb(120, 164, 165)",
"originalValue": "{!tnt_dark}",
"name": "color_tnt_dark"
},
"color_platano": {
"type": "color",
"category": "color_group_5",
"value": "rgb(242, 226, 85)",
"originalValue": "{!platano}",
"name": "color_platano"
},
"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_blue_base": {
"type": "color",
"category": "color_group_1",
"value": "rgb(12, 23, 43)",
"originalValue": "{!blue_base}",
"name": "color_blue_base"
},
"color_naranjita": {
"type": "color",
"category": "color_group_3",
"value": "rgb(231, 132, 70)",
"originalValue": "{!naranjita}",
"name": "color_naranjita"
},
"color_blue_dark": {
"type": "color",
"category": "color_group_1",
"value": "rgb(5, 14, 29)",
"originalValue": "{!blue_dark}",
"name": "color_blue_dark"
},
"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": "34px",
"originalValue": "34px",
"name": "font_size_sm_h1"
},
"font_size_sm_h2": {
"type": "number",
"category": "font-size",
"value": "27px",
"originalValue": "27px",
"name": "font_size_sm_h2"
},
"font_size_sm_h3": {
"type": "number",
"category": "font-size",
"value": "23px",
"originalValue": "23px",
"name": "font_size_sm_h3"
},
"font_size_md_h1": {
"type": "number",
"category": "font-size",
"value": "48px",
"originalValue": "48px",
"name": "font_size_md_h1"
},
"font_size_sm_h4": {
"type": "number",
"category": "font-size",
"value": "20px",
"originalValue": "20px",
"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": "17px",
"originalValue": "17px",
"name": "font_size_sm_h5"
},
"font_size_md_h3": {
"type": "number",
"category": "font-size",
"value": "26px",
"originalValue": "26px",
"name": "font_size_md_h3"
},
"font_size_md_h4": {
"type": "number",
"category": "font-size",
"value": "21px",
"originalValue": "21px",
"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": "21px",
"originalValue": "21px",
"name": "font-size_md_base"
},
"font_size_base": {
"type": "number",
"category": "font-size",
"value": "1rem",
"originalValue": "1rem",
"name": "font_size_base"
},
"font_family_heading": {
"type": "...",
"category": "font",
"value": "'urw-din', 'PT Sans', sans-serif",
"originalValue": "'urw-din', 'PT Sans', sans-serif",
"name": "font_family_heading"
},
"font_family_text": {
"type": "...",
"category": "font",
"value": "'ff-tisa-web-pro', Georgia, 'Times New Roman', serif",
"originalValue": "'ff-tisa-web-pro', Georgia, 'Times New Roman', serif",
"name": "font_family_text"
},
"font_weight_light": {
"type": "...",
"category": "font",
"value": "300",
"originalValue": "300",
"name": "font_weight_light"
},
"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"
},
"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"
},
"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"
},
"opacity_disabled": {
"type": "number",
"category": "opacity",
"value": "0.65",
"originalValue": "0.65",
"name": "opacity_disabled"
},
"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"
},
"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_sticky": {
"type": "number",
"category": "z-index",
"value": "100",
"originalValue": "100",
"name": "z_index_sticky"
},
"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"
},
"box_shadow_default": {
"type": "...",
"category": "box-shadow",
"value": "0 0 6px 1px rgba(92,106,196,.1)",
"originalValue": "0 0 6px 1px rgba(92,106,196,.1)",
"name": "box_shadow_default"
},
"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"
},
"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"
},
"border_radius_default": {
"type": "number",
"category": "border-radius",
"value": "2px",
"originalValue": "2px",
"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"
},
"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"
},
"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"
},
"input_field_height": {
"type": "number",
"category": "space",
"value": "2.4rem",
"originalValue": "2.4rem",
"name": "input_field_height"
},
"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"
}
}
}