Assets / Logo

Current shared logo usage.

The current shared brand package exposes three identity assets: dark wordmark, light wordmark, and the brand icon. Product and brand-guide usage should prefer these shared assets rather than route-local copies.

Wordmark on light and dark surfaces

Gensudo dark wordmark

Use the dark wordmark on light documentation and product surfaces.

Gensudo light wordmark

Use the light wordmark on dark branded surfaces and dark imagery.

Brand icon and shared `Logo` component

Gensudo brand icon

Use the icon where the full wordmark is too large or redundant.

The shared `Logo` component currently renders the dark wordmark by default.

Usage rules

Do

  • Use the shared assets from `@gensudo/brand` and `public/brand`.
  • Choose light or dark wordmark based on the surface background.
  • Use the icon in tighter spaces like compact chrome or small metadata areas.

Avoid

  • Creating alternate wordmarks in route files.
  • Recoloring the SVG assets ad hoc.
  • Introducing new logo states into docs before they exist in shared truth.

Download matrix

Dark wordmark

Default wordmark for light surfaces.

Download
Light wordmark

Alternate wordmark for dark surfaces.

Download
Brand icon

Compact mark where the full wordmark is too large.

Download