Leafina Style Guide

visit the website.

Citation

    Content Resources

  1. Product List and Product Detail Page Content: https://www.tealyra.ca/

    Pictures

  1. Figure 1 in style guide: https://www.tealyra.ca/loose-tea/
  2. Figure 2 in art direction: https://www.deviantart.com/jakubspitzer/art/Oolong-tea-microsite-481464732
  3. Figure 3 in art direction: https://pocmonk.tumblr.com/post/627907122076745728
  4. Figure 1 in homepage: https://www.revolutiontea.com/blogs/news
  5. Figure 2 in homepage: https://www.revolutiontea.com/blogs/news
  6. Figure 1 in about: https://www.peets.com/blogs/peets/a-history-of-tea
  7. Figure 2 in about: https://www.mashed.com/908309/14-types-of-green-tea-and-what-makes-them-different/

    Coding References

  1. Icons: https://www.iconfont.cn
  2. Filter function: https://www.w3schools.com/howto/howto_js_filter_elements.asp