Brand

Brand Guidelines

Welcome to the REWBI brand. This is a quick look at the logo, color, and type that make us recognizable, and how to use them well wherever the institute shows up.

View as Markdown Open repo

02 · Construction

Four numbers hold it together

Proportions are baked into the artwork — never rebuild or re-space it. Remember these four numbers and you can check any layout at a glance.

  • 2.2 : 1 Icon to wordmark A : C height ratio — fixed
  • 25px Icon–wordmark gap B at reference size (A = 154px) — scales with the logo
  • 1 A Clear space One icon-height square, on every side
  • 25px Minimum height On screen · at least 0.5in wide in print
Official proportions diagram: icon height (A), spacing between icon and wordmark (B), and wordmark height (C)
Proportions. A is the icon height, B the spacing, C the wordmark height. Always scale the lockup as one piece — never alter the size relationship or the gap between icon and wordmark.
Clear space diagram for the horizontal lockup: one A square of empty space on every side
Clear space. Keep one A square empty on every side of the lockup. Nothing enters the zone — no text, images, or other logos.
Clear space diagram for the mark alone: one A square of empty space on every side
The mark alone. The same rule protects the icon when it appears by itself.

Minimum size

  • On screen, keep the horizontal lockup at least 25px tall.
  • In print, keep it at least 0.5in (13mm) wide.
  • Below those sizes, switch to the mark on its own instead of shrinking the lockup.
Logo sizing reference at 25, 50 and 100 pixels tall

03 · Backgrounds

One logo, six backgrounds

Use the version with the most contrast on your background. Don’t recolor the default to fit; there’s a cut for each surface.

Logo on whiteOn white
Logo on darkOn dark
Logo on burgundyOn burgundy
Logo on goldOn gold
Logo on busy light backgroundBusy light
Single-color black logo1-color black

04 · Color

Burgundy and gold

A small, deliberate palette. Burgundy is primary, gold is the accent, and neutrals carry text and surfaces. Click a swatch to copy the hex.

Burgundy

Gold

Neutrals

05 · Typography

Serif headlines, sans for everything else

Two typefaces. Cormorant Garamond for headlines, Inter for everything else. The logo is custom artwork, so don’t retype the name.

Aa

Cormorant Garamond
Headlines · titles · editorial
ABCDEFG · abcdefg · 0123456789

Aa

Inter
Subheads · body · UI · digital
ABCDEFG · abcdefg · 0123456789

06 · Assets

Download the logo files

Files come straight from the brand repo on GitHub, where you’ll also find PNGs, other sizes, and the editable source.

Horizontal lockup preview
Horizontal lockup
Default · full color
SVG PNG
Vertical lockup preview
Vertical lockup
Tight & centered layouts
SVG PNG
Skyline mark preview
The mark
App icon · avatar · favicon
Download SVG
All-white lockup preview
All-white lockup
For dark backgrounds
Download SVG
On-burgundy lockup preview
On burgundy
For brand-color surfaces
Download SVG
Single-color black lockup preview
1-color black
Fax, stamp, single-ink print
Download SVG

Explore additional sizes, formats, and editable source files in the REWBI brand repository on GitHub.

Open the brand repo

07 · Usage

Dos and don’ts

Follow these to keep the logo consistent everywhere it appears.

Do

  • Give the logo clear space on every side.
  • Use the treatment that fits the background.
  • Scale it up when it looks cramped.
  • Keep gold as a gradient wherever it renders.

Don’t

  • Recolor the mark or change the gold to an off-brand tone.
  • Stretch, condense, rotate, or rebuild it.
  • Retype the name in another font.
  • Place it on a busy or low-contrast background.

08 · Naming

How to write the name

Write the name the same way everywhere.

Full name
Real Estate & Wealth Building Institute
Short form
REWBI
Always
Use the ampersand &, not “and.”
Copied