wbu-design-system
Version:
WhereBy.Design is the nascent design system for WhereBy.Us
123 lines • 4.26 kB
JSON
{
"space_xx_large": "128px",
"space_x_large": "64px",
"space_large": "48px",
"space_base": "24px",
"space_small": "16px",
"space_x_small": "8px",
"space_xx_small": "4px",
"border_style_default": "solid",
"border_width_default": "1px",
"color_biscayne": "rgb(71, 105, 142)",
"color_cafe_con_leche": "rgb(158, 119, 90)",
"color_lighthouse": "rgb(187, 34, 68)",
"color_mango": "rgb(255, 219, 77)",
"color_cocoplum": "rgb(145, 55, 106)",
"color_evergreen": "rgb(20, 117, 52)",
"color_silver": "rgb(127, 136, 145)",
"color_white": "rgb(255, 255, 255)",
"color_tangerine": "rgb(240, 83, 41)",
"color_mamey": "rgb(246, 159, 130)",
"color_coral": "rgb(226, 98, 79)",
"color_tnt_light": "rgb(142, 201, 200)",
"color_gray_dark": "rgb(102, 102, 102)",
"color_gray_light": "rgb(153, 153, 153)",
"color_oil": "rgb(51, 51, 51)",
"color_black_transparent": "rgba(0, 0, 0, 0.6)",
"color_tnt_dark": "rgb(120, 164, 165)",
"color_platano": "rgb(242, 226, 85)",
"color_rich_black": "rgb(0, 17, 35)",
"color_cloud": "rgb(245, 245, 245)",
"color_blue_base": "rgb(12, 23, 43)",
"color_naranjita": "rgb(231, 132, 70)",
"color_blue_dark": "rgb(5, 14, 29)",
"font_size_paragraph": "21px",
"font_size_sm_h1": "34px",
"font_size_sm_h2": "27px",
"font_size_sm_h3": "23px",
"font_size_md_h1": "48px",
"font_size_sm_h4": "20px",
"font_size_md_h2": "32px",
"font_size_sm_h5": "17px",
"font_size_md_h3": "26px",
"font_size_md_h4": "21px",
"font_size_md_h5": "17px",
"font_size_md_h6": "14px",
"font_size_sm_base": "18px",
"font_size_md_small": "17px",
"font_size_large": "20px",
"font_size_sm_small": "14px",
"font_size_root": "16px",
"font_size_md_xs": "14px",
"font-size_md_base": "21px",
"font_size_base": "1rem",
"font_family_heading": "'urw-din', 'PT Sans', sans-serif",
"font_family_text": "'ff-tisa-web-pro', Georgia, 'Times New Roman', serif",
"font_weight_light": "300",
"font_weight_regular": "400",
"font_weight_medium": "500",
"font_weight_demi": "600",
"font_weight_bold": "700",
"headings_margin_bottom": "0.5rem",
"headings_margin_top": "0rem",
"link_decoration_default": "none",
"link_hover_decoration": "underline",
"margin_none": "0",
"margin_small": "4px",
"margin_default": "16px",
"margin_medium": "24px",
"margin_large": "32px",
"margin_auto": "auto",
"opacity_disabled": "0.65",
"opacity_webcard": "0.85",
"padding_vertical_large": "8px",
"padding_vertical_default": "6px",
"padding_none": "0",
"padding_ratio_16x9": "56.25%",
"padding_horizontal_sm_base": "16px",
"padding_vertical_small": "4px",
"padding_horizontal_large": "16px",
"padding_vertical_extra_large": "32px",
"padding_horizontal_default": "12px",
"padding_horizontal_small": "8px",
"padding_vertical_sm_base": "8px",
"padding_horizontal_extra_large": "32px",
"theme_new_tropic": "theme--thenewtropic",
"theme_evergrey": "theme--theevergrey",
"theme_pulptown": "theme--pulptown",
"theme_bridgeliner": "theme--bridgeliner",
"theme_incline": "theme--theincline",
"duration_quickly": "0.15s",
"duration_slowly": "0.5s",
"z_index_modal": "9999",
"z_index_sticky": "100",
"media_query_small": "(min-width: 576px)",
"media_query_medium": "(min-width: 768px)",
"media_query_large": "(min-width: 992px)",
"media_query_extra_large": "(min-width: 1200px)",
"box_shadow_default": "0 0 6px 1px rgba(92,106,196,.1)",
"box_shadow_aragorn": "4px 4px 0px 0px rgba(92, 106, 196, 0.1)",
"letter_spacing_x_large": "2px",
"letter_spacing_large": "1px",
"letter_spacing_base": "0",
"letter_spacing_small": "-0.5px",
"letter_spacing_x_small": "-1px",
"border_radius_default": "2px",
"border_radius_circle": "50%",
"border_radius_none": "0",
"mobile_screensize": "640px",
"tablet_screensize": "900px",
"desktop_screensize": "1200px",
"newsletter_width": "640px",
"newsletter_card_width": "640px",
"line_height_base": "1.52",
"line_height_large": "1.52",
"line_height_small": "1",
"line_height_extra_small": ".5",
"line_height_heading": "1.2",
"input_field_height": "2.4rem",
"sizing_sm_small": "14px",
"sizing_md_small": "16px",
"sizing_sm_base": "27.2px",
"sizing_md_base": "32px"
}