Nyxstock

Brand kit

Our logo, colors and type, and the files to use them.

Color versions

Neon on black comes first. On neon or white, use black. On dark images, white.

Nyxstock logo
Neon on black
Nyxstock logo
Black on neon
Nyxstock logo
Black on white
Nyxstock logo
White on dark images

Space and size

Keep the height of the x in nyxstock clear on every side. Below these sizes the wolf loses its eye.

The logo with one x-height of clear space on every side
Clear space. One x on every side.
The logo at 24 px
Logo. At least 24 px tall, shown here at that size.
The symbol at 20 px
Symbol. At least 20 px tall, shown here at that size.

App icon

The neon tile is the only shape the wolf sits in. Use it for app icons, avatars, favicons and token icons.

Nyxstock app icon
App icon. The black wolf on the neon tile.SVGPNG
Nyxstock avatar
Avatar. The same, in a circle.SVGPNG
Enlarged32 px16 px
Favicon. A simpler wolf with a bigger eye, for 32 px and below.SVGPNG

Color

Mostly black, with neon used sparingly. Click a color to copy it.

A rough balance for a page.

Type

Inter for words and Geist Mono for figures. The wordmark is drawn from Manrope Bold and is never typed.

Inter. Headlines and text.

Split stocks into day and night.

Geist Mono. Prices and figures.

0123456789 $ + − %

Manrope Bold. Only in the wordmark, already outlined in the files.

nyxstock, the wordmark

Don't

Use the files as they are. These are the usual ways a logo gets broken.

Don't stretch or squash it
Don't change its color
Don't use two colors
Don't put neon on light backgrounds
Don't add glows or shadows
Don't rearrange or flip it
Don't retype the name
Don't put the wolf in other shapes

Name

Write Nyxstock in sentences. The lowercase nyxstock belongs to the logo. gn and gm stay lowercase too.

Using these files

Use them unchanged and only to refer to Nyxstock. Please don’t suggest that Nyxstock endorses or works with you unless it does.