Want to get notifications from us?
Don’t miss any updates of our new Apps, Themes, Plugins and all the astonishing offers we bring for you.
nopStation Logo
Do not use the nopStation mark or any variant of the nopStation mark in conjunction with the overall name of your application, product, service, or website. Do not alter or use the nopStation mark in a way that may be confusing or misleading, and never use nopStation branding as the most prominent element on your page.
Color variations
Knockout
Ideal for dark backgrounds with strong contrast and clear visibility
Standard lockup
The standard lockup can be used in slide decks and blog posts. It should never be used in-product or in a way that implies that nopStation is endorsing or has built the product.
Sizing & Spacing
To ensure legibility, the nopStation lockup and icon should sit within an open space. A minimum margin of space equivalent to the height of a single 'n' should always be maintained around the lockup or icon. A greater margin of space should be provided when possible. The logo should never be overlapped or crowded by text or artwork.
Minimum spacing around the logo
Logo usage guidelines
Do: Use approved logo with proper spacing
Don't: Stretch or distort the logo
Do: Use high contrast colors
Don't: Use low contrast colors
Contrast
When using the knockout version of the logo, always ensure foreground and background colors pass WCAG AA accessibility standards. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Do: Contrast ratio - 5.29:1
Meets WCAG AA standards
Meets WCAG AA standards
Don't: Contrast ratio - 2.23:1
Does not meet WCAG AA standards
Does not meet WCAG AA standards
Colors
Primary colors
The primary color palette represents the core nopStation brand identity.
Primary Blue
#00A0DB
RGB: 0, 160, 219
Dark Navy
#001844
RGB: 0, 24, 68
Suggested colors
nopStation also has an extended palette used for background colors, accents, and other visualizations.
Accent Orange
#FBAF33
RGB: 251, 175, 51
Purple
#8E59FD
RGB: 142, 89, 253
Pink
#FE0C7D
RGB: 254, 12, 125
Success Green
#2ECC71
RGB: 46, 204, 113
Neutral colors
Use neutral colors for text, backgrounds, and borders.
Dark Navy
#001844
RGB: 0, 24, 68
Gray
#797F8B
RGB: 121, 127, 139
Light Gray
#BDC3C7
RGB: 189, 195, 199
Off White
#ECF0F1
RGB: 236, 240, 241
Typography
Logo typeface
The nopStation logo uses Lato Black for its distinctive, bold appearance.
Lato Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Font Family: Lato
Weight: Black (900)
Supporting typeface
For body text and supporting materials, we use Inter for its excellent readability and modern appearance.
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Font Family: Inter
Weights: Regular (400), Medium (500), Semi-Bold (600), Bold (700), Extra Bold (800)
Usage: Headlines, body text, and UI elements
Type scale
Heading 1
48px / 56px line-height / Bold
Heading 2
40px / 48px line-height / Bold
Heading 3
32px / 40px line-height / Semi-Bold
Heading 4
24px / 32px line-height / Semi-Bold
Body text - The quick brown fox jumps over the lazy dog.
16px / 24px line-height / Regular
Small text - The quick brown fox jumps over the lazy dog.
14px / 20px line-height / Regular
Usage Guidelines
General principles
Maintain proportions
Always maintain the original proportions of the logo. Never stretch, compress, or otherwise distort the mark.
Use approved colors
Only use colors from the official nopStation color palette. Do not create new color variations.
Respect spacing
Always provide adequate clear space around the logo to ensure visibility and impact.
Ensure accessibility
Follow WCAG 2.0 AA standards for color contrast and readability in all implementations.
Don't modify
Never add effects, shadows, gradients, or other modifications to the logo.
Request approval
When in doubt about logo usage, contact the nopStation brand team for guidance.
Trademark usage
The nopStation name and logo are trademarks of Brain Station 23 PLC. You may use the nopStation trademarks only as expressly permitted by these guidelines. Any other use must be approved in writing.
You may use the nopStation mark to refer to your use of nopStation products or services.
You may use "Built with nopStation" to indicate your application uses nopStation technology.
Do not use nopStation trademarks in your product name or company name.
Do not use nopStation trademarks in a way that suggests endorsement or partnership without permission.
Need help with brand assets?
Contact our team for custom branding requests or questions about these guidelines.