brand

Resources and guidelines for using the npmx brand in your projects, articles, and media.

logos

Download npmx logos in SVG and PNG formats. Use the appropriate variant for your background.

FULL WORDMARK
npmx full wordmark logo with blue slash on dark background
on dark
on light
LOGO MARK
npmx logo mark with dot and slash on dark background
on dark
npmx logo mark with dot and slash on light background
on light

typography

npmx uses the Geist font family by Vercel for both interface text and code.

Geist Sans

Used for body text and UI elements.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

0123456789

Geist Mono

Used for code, headings, and technical content.

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

0123456789

just a note

Accessibility matters to us, and we would love you to follow us in this vision. When using mentioned media, ensure there is enough contrast against the background, and don't go smaller than 24px. If you need any other resources or additional information about the project, feel free to reach us at chat.npmx.dev.