smartalong. Back to the website

SMARTALONG / BRAND IDENTITY

Connected systems.
A precise identity.

Intelligent equipment. One clear visual language.
Geometric type, precise lines and an open blue symbol express how SmartAlong connects technology to real spaces.

Download the logo
01

THE SIGNATURE

Built around
connection.

An abstract doorway and a flowing S form one continuous shape. Open geometry connects the ideas of access, equipment and coordinated systems.

Blue SmartAlong symbol, an abstract S shaped like an open doorwaysmartalong.
PRIMARY SIGNATUREBlue symbol, Navy wordmark
smartalong.
LIGHT BACKGROUNDBlue on pure White
ONE MARK / ONE CLEAR SIGNAL

The lowercase wordmark pairs geometric simplicity with an approachable tone. Keep the blue symbol directly on pure white and use navy for the name.

02

OUR COLORS

Bright spaces.
Clear connections.

Pure white is the foundation of every page and section. Navy gives headings clarity, blue highlights action, and slate keeps supporting information readable.

01 / FOUNDATION

Navy

#102A43

Headings & the wordmark
02 / ACTION

Blue

#2563EB

Logo, buttons & focused accents
03 / SPACE

White

#FFFFFF

Backgrounds & breathing room
04 / CLARITY

Slate

#526174

Body copy & supporting information
03

TYPE & TONE

Precision in
every detail.

DM Sans gives headlines and interfaces a clear, geometric structure. Monospaced labels organize technical details. Write directly and explain what the technology helps people do.

DM SANS / GEOMETRIC CLARITY

Smart equipment.
Connected spaces.

Aa Bb Cc Dd Ee Ff Gg   0123456789

MONOSPACE / TECHNICAL DETAIL

01 / ACCESS
02 / CONTROL
03 / CONNECT

Aa Bb Cc Dd Ee Ff Gg   0123456789
04

KEEP IT CONSISTENT

Simple rules.
A stronger identity.

A consistent identity is easier to recognize. Let the mark, typography and surrounding space do the work.

01

Give it space.

Leave clear space of at least one quarter of the symbol’s height around the logo. Keep other graphics and copy outside this area.

02

Keep its shape.

Use the original proportions. Do not stretch, rotate, recolor or add shadows to the mark. Pair it with the SmartAlong name when the context is new.

03

Make it readable.

Use the blue mark directly on pure white. Keep the wordmark and headings navy, body text slate, and button text white on blue. Preserve white backgrounds throughout the website.

THE ORIGINAL ASSET

Ready for your
next connection.

Transparent PNG · 1254 × 1254 pixels
The symbol only, with no background or wordmark.

Download transparent PNG

To keep this brand sheet, use your browser’s Print command and choose Save as PDF.