From 0261cea796cc299434b4333e4967a39737283437 Mon Sep 17 00:00:00 2001 From: Matthias de Baat Date: Thu, 17 Mar 2022 14:14:13 +0100 Subject: [PATCH] Create new Logo page --- gallery/src/pages/brand/logo.markdown | 34 +++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 gallery/src/pages/brand/logo.markdown diff --git a/gallery/src/pages/brand/logo.markdown b/gallery/src/pages/brand/logo.markdown new file mode 100644 index 0000000000..08724a6d71 --- /dev/null +++ b/gallery/src/pages/brand/logo.markdown @@ -0,0 +1,34 @@ +--- +title: "Logo" +--- + +![Using our logo](/images/using-our-logo.png) + +# Using our logo + +As a community we are proud of our logo. Follow these guidelines to ensure it always looks its best. Our logo follows Googles material design spec and uses the blue interface color. + +[Download Logo](https://github.com/home-assistant/assets/tree/master/logo) + +![Logo](/images/logo.png) + + +## Using the icon + +Our icon is a shorter and most used version of our logo. The icon can exist without the wordmark, the wordmark should never exist without the icon. + +![Logo variants](/images/logo-variants.png) + +## Using the right variant + +The pretty blue logo with a background shadow, pictured top left, is our primary logo. It should only be used with black, white, and non-duotoned photography. + +When needed you can use our logo without a shadow, as seen as the second variant. + +The outlined logo should only be used on packaging. + +## Exclusion zone + +The logo needs some personal space. TIt's exclusion zone is equal to a quarter the height of the icon. + +![Clearspace](/images/clearspace.png)