This document outlines the personal brand style guide of a product designer named Arthur. It includes guidelines for his logo, including acceptable colors and restrictions on distortion. It also provides guidelines for using primary and secondary colors. Typography guidelines specify using Space Grotesk and Rubik fonts for headings, body copy, and emphasis. Examples of the designer's name card and resume are also referenced. The brand identity aims to represent Arthur's background in both design and coding.

2. 2,
Introduction
Hello 👋
I’m Arthur, a product designer who codes.
This is my personal brand style guide.
I am an undergraduate at the National University of Singapore, majoring in Computer Science and
minoring in Interactive Media Development.
Although I am a Computer Science student, my passion lies in design and thus I am pursuing a
career in Product Design.

3. 3,
Logo
explained
What does the logo mean?

4. 4,
Logo
guidelines
What about a secondary logo?
What about padding?
What are the guidelines?
The blue semicolon is
a play on semicolons
used in coding and also
showing that there is
more to me than being
just a product designer.
The logo needs to be legible at all times. Ensure that nothing
invades the seclusion area as indicated by x (a quarter of the
logo’s width).

5. 5,
Logo
guidelines
The logo can be used in either the current color scheme,
or just the orange, just the blue or in monochrome. It
should not be used with other colors.
What colours can I apply?
Please do not...
rotate
distort or warp reflect add shadows

6. 6,
Colour
guidelines
What about colours?
Primary
#F77F00
rgb(247, 127, 0)
cmyk(0, 47, 97, 3)
Pantone 151 C
Usage: Design Side
#729EA1
rgb(114, 158, 161)
cmyk(18, 1, 0, 37)
Pantone 5493 C
Usage: Coding Side
#F7F2DC
rgb(247, 242, 220)
cmyk(0, 2, 11, 3)
Pantone 7604 C
Usage: Background
Secondary
#D62828
rgb(214, 40, 40)
cmyk(0, 68, 68, 16)
Pantone 1797 C
Usage: Accents
#003049
rgb(0, 48, 73)
cmyk(29, 10, 0, 71)
Pantone 547 C
Usage: Body Copy

7. 7,
Typography
What about typography?
Space Grotesk
Regular
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn Oo
Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0
HEADINGS
Regular is for headings.
This font is open source &
can be found here.
Space Grotesk
Semibold
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn Oo
Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0
HEADING ACCENTS
Semibold is for heading
accents. This font is open
source & can be found here.
Rubik Regular &
Semibold
Aa Bb Cc Dd Ee Ff Gg Hh
Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx
Yy Zz
1 2 3 4 5 6 7 8 9 0
BODY COPY
Semibold is for emphasis in
body copy. It can be found
on Google Fonts.

8. 8,
Name
card
What about the
name card?
The name card incorporates the
signature circular, geometric pattern.
The thin outlines contrast against the
filled parts show the previously
mentioned major and minor emphasis.
The QR code leads to my personal
website, serving as a practical addition to
the name card.

9. 9,
Resume/CV

10. 10,
Brand
identity
package