Brand guidelineslogo usage · clear space · sizing

The Moderne logo is the primary signature of the brand. Reach for a supplied variant, never a recolor or a rebuild. These rules keep it consistent across product, marketing, and docs.

Logo variants

The lockup is the default. Use the symbol when space is tight — favicons, app icons, small UI — or where the brand is already established.

Color variations

Two fixed inks: ink on light grounds, white on dark. Neither is the cream the type is set in — that is deliberate.

Product lockups

A product name joins the lockup; it never replaces it. The name is type set at the wordmark's cap height and baseline — heavier than the wordmark, stepped back in value on light, so the company name still leads.

Clear space

Keep clear space around the logo equal to the height of the symbol, referred to as X. Nothing — type, imagery, or edges — enters that margin.

Placement in UI

Incorrect uses

Avoid these to keep the mark consistent and legible.

• Do not stretch, rotate, or distort the logo
• Do not change the logo colors beyond the two inks
• Do not add effects — shadows, gradients, or outlines
• Do not place the logo on busy backgrounds without sufficient contrast
• Do not rearrange the mark and wordmark
• Do not recreate the logo — always use the supplied artwork

Downloads

Source logo artwork lives with the repository. Packaged .zip bundles can be added to brand/ and linked here.