beyond-css-course-material/projects/02-tshirts/design-and-assets/design-info.md

466 B

Design info - t-shirt project

Typography

Fonts

  • Roboto

    • Regular / 400
    • Bold / 700
    • Black / 900
  • Sizes

    • 400: 1.125rem
    • 500: 1.25rem
    • 600: 2rem
    • 700: 3rem

Colors

  • red-400: hsla(357, 100%, 68%, 1);
  • red-500: hsl(357, 74%, 40%);
  • blue-800: hsla(216, 71%, 16%, 1);
  • neutral-100: hsl(0 0% 100%);

Sizes

  • size-8: .5rem
  • size-16: 1rem
  • size-32: 2rem
  • size-36: 3rem

Shadows

  • .25rem .25rem 1rem rgb(0 0 0 / .15);