Logos

For each group, we’ve created a logomark and a wordmark. There’s currently no guidelines on using the two together. For using either of them in general though, we suggest making sure the margins for logomarks are at least ¼ its height/width, and the margins for wordmarks are ½ of its height.

An exception to this would be when using them in conjunction with each other, or with extra “branded” elements like the committee taglines.

Download all logomarks and wordmarks

Logomarks

Our logomark takes inspiration from ACM's official diamond-shaped logo. Each has an icon representing each committee's topic of focus.

Suggested Usage for logomarks

Use logomarks when you are limited in the space you're given to insert branding. (Ex: Laptop Sticker)

Download all logomarks

Wordmarks

Suggested Usage for wordmarks

Try to use wordmarks in conjunction with the logomarks. If this isn't possible, make sure the sizing of the wordmark clearly establishes the committee as the group of ownership.

Download all wordmarks

Colors

Each group in UCLA ACM has four colors: a primary color, a lighter and darker version of the primary color, and a secondary color.

Primary Colors

These are the main differentiating components between committees. They make up each committees' logos and are the key elements to the committees' graphics.

Light Primary Colors

Use these where you would like to have committee branding, without as much emphasis.

Dark Primary Colors

Use these shades in situations where you would normally use black.

Secondary Colors

Each committee's secondary color is one of the other committee's primary color (ex. Hack's secondary is Studio's Raspberry).

Supplementary Colors

These colors are always available to use, regardless of committee. When normally using pure black (#000000), opt for the black below instead.

Typography

UCLA ACM uses three main typefaces: Poppins, Palanquin Dark, and Chivo.

As our main display typeface, [Poppins](https://fonts.google.com/specimen/Poppins "Poppins on Google Fonts") is used for virtually all content with ACM branding. It's fun and friendly, and represents what we want our events to be like. As such, Poppins is the foundation for all our committees' wordmarks. We suggest using this whenever you want your content to have a strong association with ACM. [Palanquin Dark](https://fonts.google.com/specimen/Palanquin+Dark "Palanquin Dark on Google Fonts") is our main header typeface, which we use on all our websites when we have copy/headings that speak, not show. It has a more organic vibe compared to Poppins. We suggest using Palanquin Dark on your website headings, but not for graphics. [Chivo](https://fonts.google.com/specimen/Chivo "Chivo on Google Fonts") is our main body typeface. It's design is more similar to tech aesthetics, and can be used for casual copy, or more serious situations. We suggest using Chivo for smaller UI elements and body text.

Keep it Poppins'

There aren't really strict guidelines on how to use these typefaces—designing with them is up to your discretion. Likewise, there's no need to adhere to these type families, as they may change in the future. That being said, when in doubt and don't care about font specifics, use Poppins.