sass-site/source/styleguide/brand.html.haml
2013-10-15 14:13:19 -07:00

35 lines
1.0 KiB
Plaintext

---
title: Brand Guidelines
---
%h2 Logo Usage
%ul
%li
Please do not stretch or distort the logo. Use the “seal”
version of the logo when needing to use a square image (like avatars).
%li
If you have to put the logo on a busy/colorful background, please use one
of the reversed (on white) logos.
%p= link_to "Download vector logos", "/assets/img/styleguide/sass-logo.zip", class: "button primary"
.logos
%h3 Standard
%ul.list-columns
%li= image_tag "styleguide/color.png", height: "80"
%li= image_tag "styleguide/seal-color.png", height: "80"
%h3 White
%ul.list-tiled
%li.swatch-color-background-shade= image_tag "styleguide/white.png", height: "80"
%li.swatch-color-background-shade= image_tag "styleguide/seal-color-reversed.png", height: "80"
%li.swatch-color-background-shade= image_tag "styleguide/seal-black-reversed.png", height: "80"
%h3 Black
%ul.list-columns
%li= image_tag "styleguide/black.png", height: "80"
%li= image_tag "styleguide/seal-black.png", height: "80"