Skip to content

08.2 — LOGO

Logo and icons

Four Gn8 logo families are available in six SVG color versions. Icons come in rounded and square shapes, with normal and inset sizes. Keep the supplied artwork unchanged.

SEC.1 — LINE PAIRING

Line pairing

The line wordmark is 160 × 80 px; the tightly cropped unified symbol is 78.125 × 78.125 px. Both render a 5 px line. Their visible heights differ slightly.

SEC.2 — SOLID PAIRING

Solid pairing

Both solid marks are previewed at a 160 px artboard width, making this an equal-artboard-scale comparison. At this scale, each 96-unit construction corresponds to a nominal 15 px stroke. The bold symbol occupies 160 × 160 px and the wordmark 160 × 80 px, so their visible heights differ; this does not promise equal cap height and visual weight.

SEC.3 — ICONS

App icons

Choose a rounded or square tile in primary, secondary, or tertiary. Each shape has a normal and an inset version, available as SVG, PNG, and ICO.

SEC.4 — APPROVED USE

Usage constraints

LICENSE SCOPE
Gn8 logos and icons distributed on this page are not covered by the MIT License.
PERMITTED REFERENCE
Use an unchanged version to introduce or refer to Gn8. Choose an official color file that suits the background.
PRIOR PERMISSION
You need prior permission to use the artwork in ways that imply partnership or endorsement, represent your organization or product, modify it, or commercialize it.

SEC.5 — IMPLEMENTATION GUIDANCE

Keep the mark intact

MINIMUM SIZE
Wordmark: at least 32px / Symbol: at least 24px
CLEAR SPACE
Leave clear space of at least 50% of the logo height on every side.
BACKGROUND
Keep the primary-purple logo unchanged on either light or dark neutral backgrounds; avoid backgrounds close to the logo color. The unsuffixed SVG uses currentColor. Embed it inline or use it as a CSS mask with background-color: currentColor. An external <img> does not inherit the page color; use a fixed-color file with <img>.

Requires prior approval

  • Changing color, proportion, or form
  • Using it as your own brand logo
  • Printing it on products or packaging without prior permission
  • Implying partnership or official recognition
  • Enlarging or compressing it at low quality

Each of the four official logo families has six SVG files: unsuffixed currentColor, -black, -white, -primary, -secondary, and -tertiary.