Common Room Brand: Colors, Fonts, Logo & Visual Identity

Common Room Brand Identity

A complete profile of Common Room's visual system — colors, typography, components, and personality — extracted from https://www.commonroom.io/.

Color Palette

Brand palette extracted from https://www.commonroom.io/.

Typography

Each font links to its Google Fonts page where available.

Font Stack: Suisse Intl, ui-sans-serif, Arial, sans-serif

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.3741%2019.208H59.2514C58.7606%2021.848%2056.7484%2022.616%2054.9324%2022.616C52.3803%2022.616%2050.4417%2020.648%2050.4417%2016.976C50.4417%2013.424%2052.3803%2011.384%2054.8834%2011.384C56.8711%2011.384%2058.6625%2012.416%2059.1287%2014.792H63.2514C62.6379%2010.832%2059.4968%208%2055.0306%208C49.4846%208%2046%2011.48%2046%2016.976C46%2022.544%2049.3619%2026%2054.9079%2026C59.3987%2026%2062.7361%2023.24%2063.3741%2019.208Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.1441%2019.184C78.1441%2014.504%2074.8067%2012.392%2071.1503%2012.392C67.4939%2012.392%2064.1565%2014.504%2064.1565%2019.184C64.1565%2023.864%2067.4939%2026%2071.1503%2026C74.8067%2026%2078.1441%2023.864%2078.1441%2019.184ZM68.2791%2019.184C68.2791%2016.448%2069.5552%2015.464%2071.1503%2015.464C72.7454%2015.464%2074.0214%2016.448%2074.0214%2019.184C74.0214%2021.896%2072.7944%2022.928%2071.1503%2022.928C69.5061%2022.928%2068.2791%2021.896%2068.2791%2019.184Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M83.8133%2025.688V18.968C83.8133%2016.688%2084.525%2015.56%2086.1691%2015.56C88.1078%2015.56%2088.2059%2017.072%2088.2059%2018.92V25.688H92.255V18.968C92.255%2016.688%2092.9666%2015.56%2094.6108%2015.56C96.5494%2015.56%2096.6476%2017.072%2096.6476%2018.92V25.688H100.697V17.936C100.697%2014.432%2099.6414%2012.488%2096.2549%2012.488C94.3899%2012.488%2092.7458%2013.232%2091.7396%2014.672C91.1262%2013.256%2089.9237%2012.488%2087.8133%2012.488C85.8256%2012.488%2084.4023%2013.52%2083.8133%2014.48V12.776H79.7643V25.688H83.8133Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M106.904%2025.688V18.968C106.904%2016.688%20107.615%2015.56%20109.259%2015.56C111.198%2015.56%20111.296%2017.072%20111.296%2018.92V25.688H115.345V18.968C115.345%2016.688%20116.057%2015.56%20117.701%2015.56C119.64%2015.56%20119.738%2017.072%20119.738%2018.92V25.688H123.787V17.936C123.787%2014.432%20122.732%2012.488%20119.345%2012.488C117.48%2012.488%20115.836%2013.232%20114.83%2014.672C114.216%2013.256%20113.014%2012.488%20110.904%2012.488C108.916%2012.488%20107.493%2013.52%20106.904%2014.48V12.776H102.855V25.688H106.904Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M139.147%2019.184C139.147%2014.504%20135.81%2012.392%20132.153%2012.392C128.497%2012.392%20125.16%2014.504%20125.16%2019.184C125.16%2023.864%20128.497%2026%20132.153%2026C135.81%2026%20139.147%2023.864%20139.147%2019.184ZM129.282%2019.184C129.282%2016.448%20130.558%2015.464%20132.153%2015.464C133.748%2015.464%20135.025%2016.448%20135.025%2019.184C135.025%2021.896%20133.798%2022.928%20132.153%2022.928C130.509%2022.928%20129.282%2021.896%20129.282%2019.184Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M144.816%2014.48V12.776H140.767V25.688H144.816V19.064C144.816%2016.688%20145.553%2015.56%20147.27%2015.56C149.234%2015.56%20149.307%2017.072%20149.307%2018.92V25.688H153.356V17.936C153.356%2014.432%20152.301%2012.488%20148.915%2012.488C146.853%2012.488%20145.405%2013.52%20144.816%2014.48Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M167.514%2019.136L171.367%2025.688H176.299L171.907%2018.464C173.944%2017.696%20175.391%2016.232%20175.391%2013.664C175.391%209.344%20171.931%208.288%20167.318%208.288H160.471V25.688H164.668V19.136H167.514ZM164.668%2011.744H167.441C169.428%2011.744%20170.95%2012.104%20170.95%2013.712C170.95%2015.344%20169.428%2015.68%20167.441%2015.68H164.668V11.744Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M190.433%2019.184C190.433%2014.504%20187.096%2012.392%20183.439%2012.392C179.783%2012.392%20176.446%2014.504%20176.446%2019.184C176.446%2023.864%20179.783%2026%20183.439%2026C187.096%2026%20190.433%2023.864%20190.433%2019.184ZM180.568%2019.184C180.568%2016.448%20181.844%2015.464%20183.439%2015.464C185.034%2015.464%20186.311%2016.448%20186.311%2019.184C186.311%2021.896%20185.084%2022.928%20183.439%2022.928C181.795%2022.928%20180.568%2021.896%20180.568%2019.184Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M205.447%2019.184C205.447%2014.504%20202.11%2012.392%20198.454%2012.392C194.797%2012.392%20191.46%2014.504%20191.46%2019.184C191.46%2023.864%20194.797%2026%20198.454%2026C202.11%2026%20205.447%2023.864%20205.447%2019.184ZM195.583%2019.184C195.583%2016.448%20196.859%2015.464%20198.454%2015.464C200.049%2015.464%20201.325%2016.448%20201.325%2019.184C201.325%2021.896%20200.098%2022.928%20198.454%2022.928C196.809%2022.928%20195.583%2021.896%20195.583%2019.184Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M211.117%2025.688V18.968C211.117%2016.688%20211.828%2015.56%20213.473%2015.56C215.411%2015.56%20215.509%2017.072%20215.509%2018.92V25.688H219.558V18.968C219.558%2016.688%20220.27%2015.56%20221.914%2015.56C223.853%2015.56%20223.951%2017.072%20223.951%2018.92V25.688H228V17.936C228%2014.432%20226.945%2012.488%20223.558%2012.488C221.693%2012.488%20220.049%2013.232%20219.043%2014.672C218.43%2013.256%20217.227%2012.488%20215.117%2012.488C213.129%2012.488%20211.706%2013.52%20211.117%2014.48V12.776H207.068V25.688H211.117Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(45%2C%2045%2C%2045)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Common Room's actual button styles.

Input

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

  1. What is Common Room's primary brand color?

    • Common Room's primary brand color is #1375B3.

  2. What accent color does Common Room use?

    • Common Room uses #2D2D2D as an accent color.

  3. What font does Common Room use?

    • Common Room uses Suisse Intl as the primary typeface.

  4. Does Common Room use a light or dark theme?

    • Common Room's primary site uses a light color scheme, with a background of #FFFFFF.

  5. Where can I find Common Room's logo?

  6. How was this brand profile generated?