NASOFT brand kit

The logo, colors and typeface used across the NASOFT website, Facebook page, apps and documents. Downloads are at the bottom of the page.

Logo

Use the color version on light backgrounds and the white-text version on dark ones. Keep clear space around the logo of at least one block.

NASOFT logo on a light background
NASOFT logo on a dark background
NASOFT symbol

What the symbol means

  • The four blocks are NASOFT products, fitting together into one family.
  • The orange block, lifted and tilted, is a new product being added: NASOFT keeps building.
  • Orange carries over from the earlier logo so people who know NASOFT still recognise it; the three green blocks stand for growth.

Colors

Orange is for accents and action buttons, green for supporting shapes, deep ink blue for text. In the Five Elements, orange is Fire and green is Wood; Wood feeds Fire, so the two colors support each other.

NASOFT orange#EE7D2C, RGB 238 125 44
NASOFT green#2E9E5B, RGB 46 158 91
Ink blue#0F2A44, RGB 15 42 68
Paper#F6F8F4, RGB 246 248 244

Typeface

Be Vietnam Pro
Designed for Vietnamese, with clear diacritics at every size.
Headings: weight 800. Body: weight 400, at least 17 to 18 px on the web. Free from Google Fonts.

Do

  • Use the original files from this page.
  • Place the logo on white, paper or ink blue backgrounds.
  • Keep the proportions when resizing.

Don't

  • Recolor the blocks, straighten the orange block or rearrange them into an even grid.
  • Stretch it or add shadows, outlines or effects.
  • Place the color logo on busy photos or on orange or green backgrounds.