Logo & Brand Guidelines

Corporate identity manual - Version 2.1 - July 2026
Shared Auto Cars Sdn. Bhd. - Shah Alam, Selangor

This document defines the correct construction, colours and usage of the Shared Auto Cars identity.

01The logoAnatomy of the identity and what it stands for3
02ConstructionThe 6 x 6 grid and the geometry of every element4
03Corner radius & keylineRadius rule, border width and colour5
04Primary coloursShared Auto Red and Shared Auto Blue6
05Neutral coloursGreys, black and white supporting the identity7
06Logo colour versionsFull colour and monochrome, light and dark8

07TypographyThe Magneto wordmark and supporting typefaces9
08LockupsPrimary stacked and secondary horizontal formats10
09Clear space & minimum sizeBreathing room and smallest permitted sizes11
10Incorrect usageWhat must never be done to the logo12
11Backgrounds & contrastChoosing the right version for any surface13
12Asset checklist & contactFile naming, formats and brand contact14

The logo

Anatomy of the identity

The symbolTwo interlocking forms with speed flicks

The wordmarkMagneto Bold, Grey 80%

One identity, two parts

The Shared Auto Cars logo consists of a symbol and a wordmark. Together they form the primary lockup shown on the left; each part may also appear alone where this manual permits it.

The symbol

Two identical forms - one blue, one red - rotate around a common centre and interlock without touching. They read as two cars passing, and as two hands in an exchange: buyer and seller, trade-in and drive-away. The detached triangular flicks at opposite corners add direction and momentum, echoing motion lines in automotive design.

The wordmark

The wordmark reads 'SharedAuto', set in Magneto Bold, a streamlined script drawn from the chrome badges of classic automobiles. The word 'Cars' was retired in version 2.1. It is always reproduced from master artwork - never retyped, respaced or restyled.

Construction

The 6 x 6 grid

3 x 0.5 4 x 2 3 x 4 3 x 4 4 x 2 3 x 0.5 6 units 6 units — basis for construction: 6 x 6 square

How the symbol is built

All geometry derives from a 6 x 6 unit square. Each coloured form is an L-shape made of a 3 x 4 column joined to a 4 x 2 band, so the two forms are identical: the red form is the blue form rotated 180 degrees about the centre.

The speed flicks

Each band extends 0.5 unit beyond the square into a tapering point, and a detached 3 x 0.5 triangle sits on the opposite corner. The full footprint of the symbol is therefore 7 x 7 units.

Reproduction

Never redraw the symbol. Always reproduce it from master artwork; this grid exists only to verify artwork and to guide large-format or environmental reproduction.

Corner radius & keyline

Radius rule and border specification

3 x 3 1.5 x 1.5

Radius: a 1.5 x 1.5 circle placed at the corner of a 3 x 3 square

Rounded corners

Only two corners of the symbol are rounded: the top-left of the blue form and the bottom-right of the red form. The radius equals 0.75 unit - the radius of a 1.5 x 1.5 circle set into the corner of a 3 x 3 square, as shown on the left.

Keyline (border)

Every shape carries a keyline of 0.2 unit, centred on the shape edge, with rounded joins and caps.

On light backgrounds: Grey 80% (#333333)
On dark backgrounds: Grey 20% (#cccccc)

The keyline is part of the logo. It must never be removed, thickened, thinned or recoloured.

Both rounded corners and the keyline at correct weight (0.2 unit).

Primary colours

Shared Auto Red and Shared Auto Blue

Shared Auto Red

HEX: #CC0011
RGB: 204 / 0 / 17
CMYK: 0.000 / 1.000 / 0.917 / 0.200

Nearest Pantone reference: 186 C *

Shared Auto Blue

HEX: #0088CC
RGB: 0 / 136 / 204
CMYK: 1.000 / 0.333 / 0.000 / 0.200

Nearest Pantone reference: 2925 C *

Red leads, blue supports. Red is the energy of the brand - use it for primary accents, calls to action and the leading colour in layouts. Blue is the trust colour - use it for secondary accents and supporting elements. Within the symbol the two always appear together and their positions are fixed.

* Pantone references are the closest visual matches for spot-colour printing. Always verify against a physical Pantone swatch with your printer before production; the CMYK values above are the authoritative print values.

Neutral colours

Greys, black and white

Grey 80%

HEX: #333333
RGB: 51 / 51 / 51
CMYK: 0 / 0 / 0 / 0.800

Grey 20%

HEX: #CCCCCC
RGB: 204 / 204 / 204
CMYK: 0 / 0 / 0 / 0.200

Black

HEX: #000000
RGB: 0 / 0 / 0
CMYK: 0 / 0 / 0 / 1.000

White

HEX: #FFFFFF
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0

Keyline and wordmark on light backgrounds

Keyline and wordmark on dark backgrounds

Fills in the dark monochrome version

Fills in the light monochrome version

The neutrals do the quiet work of the identity. Grey 80% carries the keyline and the wordmark on light surfaces, and Grey 20% takes over on dark surfaces. Black and white replace the brand colours in the monochrome logo versions shown on the next page. Neutrals may also be used freely for text and layout backgrounds.

Logo colour versions

Four permitted reproductions

Full colour — light

Preferred version.
Use on white and light backgrounds. Grey 80% keyline.

Full colour — dark

Use on black and dark backgrounds. Keyline and wordmark switch to Grey 20%.

Monochrome — light

Single-colour printing on light stock; white fills with Grey 80% keyline.

Monochrome — dark

Single-colour reproduction on dark surfaces; black fills with Grey 20% keyline.

No other colour combinations are permitted. The fills, keyline and wordmark tone always change together as a set; elements from different versions must never be mixed.

Typography

The wordmark face and supporting typefaces

Magneto Bold — reproduced from master artwork only

Wordmark: Magneto Bold

The wordmark is set in Magneto Bold in Grey 80% (Grey 20% on dark backgrounds). It is treated as fixed artwork: never retype it, change its spacing, or set other text in Magneto. The face is reserved exclusively for the company name.

Aa Bb Cc 0123

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Supporting typeface: Arial / Helvetica

All communications - headings, body copy, price lists, advertising and signage text - are set in Arial (or Helvetica where Arial is unavailable). Use Bold for headings and Regular for body copy. This manual is set in the supporting typeface throughout.

Hierarchy in practice: headings in Arial Bold, Grey 80% - body copy in Arial Regular, Grey 80% on light or Grey 20% on dark - accents and highlights in Shared Auto Red - links and secondary accents in Shared Auto Blue.

Lockups

Primary and secondary formats

Primary lockup — stacked

The preferred format wherever space allows: covers, signage, posters, profile images and the showroom fascia.

Secondary lockup — horizontal

For wide, shallow spaces: letterheads, website headers, email signatures, vehicle decals and sponsorship strips.

Proportion rule: the symbol stands 1.75 x the height of the wordmark ('h'), separated from it by one 'h', with the wordmark optically centred on the body of the symbol.

The symbol may appear alone only where the brand is already established in context (app icons, social avatars, watermarks). The wordmark never appears without the symbol on first use in any document.

Clear space & minimum size

Breathing room and smallest permitted reproduction

x x Stacked logo with clear space

Clear space: 'x' equals the cap height of the wordmark.
Keep at least one 'x' free of any other text, graphics or page edge on all four sides of every lockup.

Stacked lockup

minimum width: 20 mm print - 80 px screen

Horizontal lockup

minimum width: 45 mm print - 170 px screen

Symbol alone

minimum width: 10 mm print - 32 px screen

Below these sizes the keyline and speed flicks begin to fill in.
If the logo must appear smaller, use the symbol alone.

Incorrect usage

The logo must never be altered

Do not stretch or condense

Do not rotate or tilt

Do not swap the two colours

Do not recolour any element

Do not add shadows or effects

Do not remove the keyline

Do not place on busy imagery

Do not rearrange the lockup

These examples are illustrative, not exhaustive: any alteration of the logo's geometry, colours, keyline or arrangement is prohibited.

Backgrounds & contrast

Choosing the right version for any surface

White — preferred

Light grey — allowed

Deep blue — allowed

Black — allowed

Mid grey — avoid

Rules of thumb

On white and light backgrounds, use the full-colour light version (Grey 80% keyline).
On black and dark backgrounds, use the full-colour dark version (Grey 20% keyline).
Avoid mid-tone backgrounds where neither keyline achieves clear contrast; if unavoidable, place the logo on a white panel.
On photography, position the logo over a calm, low-detail area or set it on a solid panel - never over faces, cars or text.

Asset checklist & contact

Files, naming and where to ask

Master artwork files

SAC_Logo_Stacked_FullColour_Light / _Dark: .svg + .png
SAC_Logo_Horizontal_FullColour_Light / _Dark: .svg + .png
SAC_Symbol_FullColour_Light / _Dark: .svg + .png
SAC_Symbol_Mono_Light / _Dark: .svg + .png
SAC_Wordmark_Grey80 / _Grey20: .svg + .png

Vector formats (SVG, PDF, EPS) are for print and signage; PNG with transparency is for screen. Never reproduce the logo from a screenshot or from this manual's pages.

Quick self-check before releasing any artwork

Correct version for the background (light / dark)?
Clear space of at least one 'x' on all sides?
At or above minimum size?
Colours match the values in sections 04-05?
Nothing stretched, rotated, recoloured or rearranged?

Brand queries and artwork requests:
Shared Auto Cars Sdn. Bhd. - Shah Alam, Selangor
Version 2.1 - July 2026 - Wordmark revised ('Cars' retired); supersedes v2.0

Downloads

Master artwork — scalable SVG, with PNG versions in the asset pack below.
Never reproduce the logo from a screenshot or from this page.

Download full asset pack (SVG + PNG) SAC_Logo_Assets_2-1.zip

Primary lockup

Full colour · light

SVG ↓

Primary lockup

Full colour · dark

SVG ↓

Horizontal lockup

Full colour · light

SVG ↓

Horizontal lockup

Full colour · dark

SVG ↓

Symbol

Full colour · light

SVG ↓

Symbol

Full colour · dark

SVG ↓

Symbol

Monochrome · light

SVG ↓

Symbol

Monochrome · dark

SVG ↓

Wordmark

Grey 80% · light

SVG ↓

Wordmark

Grey 20% · dark

SVG ↓