Brands & Guidelines
Guidelines for partners, publications and anyone using the Nx or Nx Cloud marks: approved logos, clear space, dos and don'ts.
Nx
Smart Repos · Fast Builds
The Nx logo is the N with its x. They always appear together: the N never stands alone, and nothing else is an Nx logo. Use the dark-ink version on light backgrounds and the reversed white version on dark backgrounds.
Dark ink on Neutral 100
Reversed on Neutral 950
Nx Cloud
Fast CI · Built for Monorepos
The Nx Cloud logo is a full-colour tile and is only ever used in full colour: never recolour, flatten or outline it. At 60 px and up use the logo with CLOUD. Below 60 px, use the mark without CLOUD.
Logo · 60 px and up
Mark · under 60 px
Nx Console
The UI for Nx
The Nx Console trademark includes the Nx Console name & logo, and any word, phrase, image, or other designation that identifies any Nx products. Please don’t modify the marks or use them in a confusing way, including suggesting sponsorship or endorsement by Nx, or in a way that confuses Nx with another brand.
The Nx trademark includes the Nx name & logo, and any word, phrase, image, or other designation that identifies any Nx products. Please don’t modify the marks or use them in a confusing way, including suggesting sponsorship or endorsement by Nx, or in a way that confuses Nx with another brand.
Logo usage
These rules apply to the Nx and Nx Cloud logos wherever they appear: websites, slides, print, social posts and partner materials.
Clear space
Keep a margin equal to the height of the logo on all four sides. Nothing else sits inside it.
16 px · digital
24 px · UI
40 px · print
Minimum size
Never set the logo smaller than 16 px high on screen, 24 px in UI, or 40 px in print. Below that the x closes up and the logo loses clarity.
32 px
48 px
60 px
96 px
Nx Cloud: mark or logo
Under 60 px, CLOUD is too small to read: use the mark for favicons and app icons. At 60 px and up, use the logo with CLOUD.
Don’t
Never use the N without the x
The N on its own is not an Nx logo. The two letters always appear together.
Don’t
Never stretch, rotate or recolour
Scale proportionally, keep it upright, and use only the supplied dark-ink, white or full-colour files.
Don’t
Never place it on a busy image
Put the logo on a plain area of Neutral 100 or Neutral 950, or on a solid brand colour, so it stays legible.
