Brand

One typeface, one violet.

Minn’s logo is an m on a violet tile and the name beside it, all in Hanken Grotesk, the typeface of every Minn page. This page is how to use it, with every file ready to download.

The mark

An m on a violet tile. The m is Hanken Grotesk Black, one weight heavier than the name beside it. It is stored as an outline, so it looks the same on every screen and in every file, whatever fonts are installed. The tile’s corners round off at a quarter of its side.

The m set at 0.6 of the tile’s height. Its ink, 0.45 of the tile wide and 0.30 tall, sits dead centre.
128 px
64 px
32 px
16 px
LetterHanken Grotesk Black, 900
Size0.6 of the tile, centred on its ink
CornersRadius 16, a quarter of the side
FillViolet to Violet Light, 135°
Smallest16 px, the favicon

Use the tile wherever Minn needs an icon: favicons, avatars, app icons, a plugin’s menu entry. Use the m on its own only where the background is already decided, such as one-color print or an embossed badge.

The wordmark

minn, lowercase, in Hanken Grotesk ExtraBold, tightened by 0.02em. It stays smaller than the tile, so the icon leads and the name follows.

The word starts about a third of the tile after it, at 0.64 of the tile’s height, centred on the tile from the dot of the i to the baseline.

The wordmark is the only place the name is lowercase. In a sentence it is Minn.

Lockups

The tile comes first, then the wordmark about a third of the tile after it. A product is one more word of the wordmark, set the same way: minn admin, minn engine.

Minn
Minn Engine
Minn Admin

Color

Violet, and very little else. Dark is the default surface and light follows the reader’s setting. The status colors carry meaning, so they never decorate. Click a swatch to copy its value.

Violet

Dark surfaces

Light surfaces

Status

TileViolet to Violet Light, 135°. Where a gradient can’t print, use flat Minn Violet.
Headline accentViolet to Pink #D073C0, 120°. One word per headline, at most.

Type

Two open families, both bundled. Minn’s pages load them from Minn’s own files and make no requests to a font service. Both are under the SIL Open Font License 1.1.

Hanken GroteskHeadlines and text
Aa

A modern PHP engine. Built from scratch.

400 Text600 Emphasis800 Headlines, the name900 The m
JetBrains MonoCode, figures, file names
{ }

wp minn info

0123456789wp-config.php/wp-json/

Names and words

NameWhat it isWhere it goes
MinnThe project, and what people installHeadlines, install steps, the footer. The default.
Minn EngineThe runtime, by its developer nameCode, docs and changelogs, the way WordPress core is used.
Minn AdminThe interfaceThe only UI on Minn, and a plugin for WordPress sites.

Misuse

The mark works only as drawn. Each of these breaks it.

The m in another font
Stretched
Recolored
Outlined
Glows and shadows
Inside a circle
Rotated
Crowding the tile

Downloads

Everything in one zip, or one file at a time. SVG wherever it will go, PNG where it won’t.

MarkSVGPNG 512PNG 1024
Mark, flatSVG
The m aloneVioletInkWhite
WordmarkInkWhiteViolet
Lockup, light backgroundsSVGPNG
Lockup, dark backgroundsSVGPNG
Minn EngineOn lightOn dark
Minn AdminOn lightOn dark

The code is MIT licensed. The name and mark identify the Minn project: use them to point at Minn, never to suggest Minn made or endorses something it didn’t.