Bonsai – Style Guide by This Also(

almost 6 years ago from Brett Bergeron, Found & Creative Director, ThisAlso

  • Brett BergeronBrett Bergeron, almost 6 years ago

    Hey everyone, we're a product design studio in Brooklyn. We've published a few projects here before, like our site and some apps we've made. This time, we're sharing the style guide that we developed internally.

    About six months ago, we started reflecting on how we present our studio and our work. The more we thought about it, the harder we worked to strip down our visual system to a clean, utilitarian toolbox that we could use for everything from prototypes to presentations.

    We had a ton of fun and learned a lot in the process, and we wanted to share what we put together with the community. You can also see the system live by going to our site and typing "debug," or by going straight to this link. There's a little GUI there for seeing how we laid everything out.

    You can also check out this twitter thread we shared yesterday, which has some more pieces of the process:

    Happy to answer any questions.


    6 points
    • Neel KadiaNeel Kadia, almost 6 years ago

      wonderful! grid system is inhouse or using any open source tools?

      2 points
      • Brett BergeronBrett Bergeron, almost 6 years ago

        We built an internal SCSS framework that we use for web-based projects. The visualizer in the style guide is built as its own Javacript library so that people can see the design change real-time.

        1 point