Northstar Brand Identity

A complete profile of Northstar's visual system — colors, typography, components, and personality — extracted from https://www.northstarmoney.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.northstarmoney.com/.
primary
#4047FF
rgb(64, 71, 255)

secondary
#D8EBE9
rgb(216, 235, 233)

accent
#FFAD3D
rgb(255, 173, 61)

background
#F1F6F6
rgb(241, 246, 246)

textPrimary
#004A43
rgb(0, 74, 67)

link
#004A43
rgb(0, 74, 67)

Typography

Each font links to its Google Fonts page where available.

primary
FaktPro

FaktPro Google Fonts →

heading
Garnett

Garnett Google Fonts →
Garnett, Helvetica, sans-serif

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M91.406%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.259%203.942-1.112%206.086-4.348%206.086-3.222%200-4.648-2.411-4.648-4.98M48.293%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.258%203.942-1.112%206.086-4.349%206.086-3.221%200-4.647-2.411-4.647-4.98M85.321%2015.165c0%201.933-1.403%204.44-6.037%204.44-5.04%200-6.919-2.894-6.795-6.087h1.87c0%20.799.484%201.372%201.058%201.721%201.035.608%202.678.698%204.05.698%201.695%200%203.167-.442%203.167-1.355%200-.504-.303-.915-1.26-1.089a49%2049%200%200%200-2.783-.411c-2.86-.353-5.774-.862-5.774-3.929%200-2.688%202.303-4.49%205.61-4.49%204.445%200%206.513%202.87%206.225%205.853h-1.82c0-.63-.503-1.302-1.127-1.626-.722-.374-1.643-.61-3.114-.61-1.937%200-3.227.414-3.227%201.342%200%20.724.587%201.096%203.598%201.44%201.933.215%203.27.392%204.184.8%201.575.64%202.175%201.98%202.175%203.303%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914zM36.623%2036.18c-.226.594-.534.97-1.219.97-.166%200-.248-.007-.369-.03v-.586c.128.03.211.037.324.037.293%200%20.451-.105.61-.496l.187-.467-1.46-3.792h.715l1.106%203.01%201.091-3.01h.708zM32.68%2035.834c-.549%200-.985-.263-1.218-.654v.572h-.678V30.35h.678v2.038c.233-.383.67-.646%201.218-.646%201.091%200%201.716.925%201.716%202.046%200%201.113-.625%202.046-1.716%202.046m-1.233-2.181v.278c0%20.903.556%201.309%201.113%201.309.737%200%201.151-.61%201.151-1.452%200-.85-.414-1.452-1.151-1.452-.557%200-1.114.399-1.114%201.317M26.182%2035.834c-1.091%200-1.715-.933-1.715-2.046%200-1.121.624-2.046%201.715-2.046.55%200%20.986.263%201.219.646V30.35h.677v5.401H27.4v-.571c-.233.391-.67.654-1.22.654m1.234-2.181c0-.918-.557-1.317-1.114-1.317-.737%200-1.15.602-1.15%201.452%200%20.843.413%201.452%201.15%201.452.557%200%201.114-.406%201.114-1.31zM22.247%2035.833c-1.091%200-1.843-.835-1.843-2.046%200-1.174.744-2.047%201.813-2.047%201.098%200%201.678.835%201.678%201.926v.226H21.05c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.038-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M20.09%2031.802v.685a1.6%201.6%200%200%200-.33-.03c-.573%200-1.032.451-1.032%201.143v2.152h-.677v-3.935h.677v.67c.173-.399.557-.7%201.091-.7.106%200%20.203.008.271.015M15.56%2035.833c-1.09%200-1.843-.835-1.843-2.046%200-1.174.745-2.047%201.814-2.047%201.098%200%201.678.835%201.678%201.926v.226h-2.844c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.037-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M10.52%2031.816h.572l.813%202.935.82-2.935h.677l-1.196%203.935h-.595l-.82-2.919-.82%202.92h-.594L8.18%2031.815h.7l.828%202.927zM7.86%2033.787c0%201.218-.753%202.046-1.829%202.046s-1.828-.828-1.828-2.046c0-1.22.752-2.047%201.828-2.047s1.828.828%201.828%202.047m-2.972%200c0%20.895.45%201.467%201.143%201.467.692%200%201.144-.572%201.144-1.467%200-.903-.452-1.475-1.144-1.475s-1.143.572-1.143%201.475M.722%2033.487v2.264H0V30.35h2.061c1.144%200%201.874.534%201.874%201.564%200%201.016-.73%201.573-1.874%201.573zm0-.625h1.302c.767%200%201.196-.338%201.196-.948s-.429-.94-1.196-.94H.722z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Favicon

UI Components

Live previews rendered using Northstar's actual button styles.

Button Primary

• background: #FFAD3D
• textColor: #004A43
• borderRadius: 8px
• shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: employees seeking financial wellness programs

Frequently Asked Questions

What is Northstar's primary brand color?

Northstar's primary brand color is #4047FF. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Northstar use?

Northstar uses #FFAD3D as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Northstar use?

Northstar uses FaktPro for body text and Garnett for headings. Fonts were detected on https://www.northstarmoney.com/ as part of their live design system.

Does Northstar use a light or dark theme?

Northstar's primary site uses a light color scheme, with a background of #F1F6F6.

Where can I find Northstar's logo?

Northstar's logo is available directly on their site (https://www.northstarmoney.com/). The current logo URL is included in the machine-readable JSON profile linked above.