# Mount Grassi Energy Brand Basics

Quick reference for colors, typography, and logo usage. Pulled from the standalone visual guidelines.

## Logo

- **Primary mark**: "MG" monogram, two mountain peaks resolving out of a flowing water line. Represents the four pillars of the business: land, water, energy, and growth.
- **Primary lockup**: horizontal (icon + wordmark). Use by default wherever width allows: headers, documents, signage, digital.
- **Vertical lockup**: for narrow or square spaces (social avatars, packaging, signage panels).
- **Wordmark only**: use when the icon already appears nearby, or in wide horizontal spaces like email signatures and banners.
- **Icon only**: favicons, app icons, avatars.

### Available colorways
- Full color (default)
- Reverse / white (for dark or photographic backgrounds)
- Monochrome (single-color print: faxes, stamps, engraving)

### Clear space & minimum size
- Keep clear space around the logo equal to the height of the peaks. Never crowd it with type, imagery, or edges.
- Icon: 24px minimum.
- Full lockup: 120px minimum. Below these sizes the wave detail is lost.

### Don'ts
- Don't stretch or distort
- Don't recolor
- Don't rotate
- Don't add effects (drop shadows, glows, etc.)
- Don't redraw or approximate the mark; always use supplied artwork

## Color Palette

| Color | Hex | RGB | Represents |
|---|---|---|---|
| Forest Green | `#0E4D2B` | 14, 77, 43 | Land |
| River Blue | `#0F4C81` | 15, 76, 129 | Water |
| Signal Red | `#D62828` | 214, 40, 40 | Energy |
| Growth Green | `#6AA84F` | n/a | Growth |

**Usage notes**
- Forest Green is the anchor color: primary backgrounds, wordmark, dominant brand moments.
- River Blue and Signal Red are supporting/accent colors.
- Growth Green is used for highlights, accents, and lighter contrast moments (e.g. call-to-action states, active/success indicators).
- On dark (Forest Green) backgrounds, use the reverse/white logo.

## Typography

**Archivo** is the single typeface across the brand, a grotesque with a geometric backbone that echoes the logotype.

| Weight | Use |
|---|---|
| Regular (400) | Body copy |
| Semibold (600) | Labels |
| Bold (700) | Subheads |
| Extrabold (800) | Headlines |

Use Archivo consistently across print, digital, and presentation materials. If Archivo is unavailable, fall back to a similar grotesque/geometric sans-serif rather than substituting an unrelated typeface.

## CSS Variables

```css
:root {
  --mg-forest-green: #0E4D2B;
  --mg-river-blue: #0F4C81;
  --mg-signal-red: #D62828;
  --mg-growth-green: #6AA84F;
  --mg-font: 'Archivo', system-ui, sans-serif;
}
```

## File Formats

- **SVG**: print and scalable use
- **PNG**: screen and slides (transparent background)
- **JPEG**: use only where a white background is acceptable