Mount Grassi brand.md

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

: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