Design System 2.0 · Brand Identity

Official BlueGreen Guide logo system.

The refined logo package keeps the approved landscape identity—water, land, mountains, discovery, and guidance—while providing practical variants for the app, documentation, dark backgrounds, stacked layouts, and installed-PWA icons.

Current production rule: Use the approved SVG set shown here for scalable brand artwork. PNG exports may be used for raster-only placements. The one-color PNG experiments are still under review and are not part of the approved usage set.

Primary logo

Default full brand lockup for light backgrounds and larger placements.

SVG PNG

Primary · dark mode

Primary lockup prepared for dark backgrounds.

SVG PNG

Stacked logo

Vertical composition for square or portrait-oriented brand placements.

SVG PNG

Stacked · dark mode

Stacked composition for dark backgrounds.

SVG PNG

Brand mark

Icon-only landscape mark for compact brand placements.

SVG PNG

App icon

Square-safe icon for the PWA, mobile home screens, and app-style placements.

SVG PNG 512 PNG 1024

Compact raster lockups

The surviving mobile and horizontal PNG exports are approved derived assets for compact interfaces and raster-only placements. They are not additional SVG masters.

Mobile PNG Mobile dark PNG Horizontal PNG Horizontal dark PNG

Usage rules

Keep the identity activity-neutral

Do not add paddleboards, kayaks, hikers, animals, or activity-specific equipment to the permanent brand logo. Those belong in the Wayfinding System.

Use the right variant

Primary for general use, dark-mode variants on dark surfaces, stacked for portrait/square placements, and the mark or app icon where space is limited.

Do not distort

Do not stretch, rotate, add effects, or recolor outside the approved package.