Brand

Logo

The shell is a lit citrus tube, and the bead inside it is the module it runs. There is a version for dark backgrounds and one for light.

Native Shell logo, On dark
On darkSVGPNG
Native Shell logo, On light
On lightSVGPNG

Solid logo

The same outline in one color, for single-color print, watermarks, and photos or colored grounds.

Native Shell solid logo, White
WhiteSVGPNG
Native Shell solid logo, Black
BlackSVGPNG
Native Shell solid logo, Citrus
CitrusSVGPNG

App icon

1024×1024 and full-bleed: the system rounds the corners. For app stores and home screens.

Native Shell app icon, Dark
DarkPNG
Native Shell app icon, Light
LightPNG

README banner

1600×500, exported at twice that resolution, for READMEs and article headers.

Native Shell banner, Light
LightPNG
Native Shell banner, Dark
DarkPNG

Social preview

1280×640, for a GitHub repository's social preview. The mark sits in the middle band, so it stays whole when a topic page crops the image.

Native Shell social preview, Light
LightPNG
Native Shell social preview, Dark
DarkPNG

Link preview

1200×630, the site's og:image.

Native Shell link preview
og-image.pngPNG

Colors

  • #a9d63fCitrus, on dark
  • #4a6d0aOlive, on light
  • #0d1117Dark ground
  • #1f2328Ink, on light
  • #e6edf3Ink, on dark
  • #f2f4f4Light ground

Typeface

The name, slogan and platforms are set in Figtree: the name at 600, the slogan at 400, the platforms at 300.

Figtree

Name

Write Native Shell in formal places and NSH elsewhere. Lowercase nsh is for code.