BrandStyleGuideV2
- 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