← Back to about

🆔 Brand

About my logo and personal branding.

Note: Some items here are not yet final.


I think it's pretty cool to have some form of design to represent myself in the digital world. I become somewhat fond in designing logos years ago when I started my YouTube channel. I've made multiple iterations of my logo from time to time but it's mostly an evolution into what my logo currently is, like the colorful rainbow scheme in my current logo that evolved from my old randomly-colored YouTube channel banner.

Here, I've put some logo designs, brand-related design guidelines, and simple use rules in case anyone would like to take referrence.

I've actually made a few variations for my logo, designated to be used accordingly with their use cases. This is to help aid in reducing the amount of space needed and make it more readable.


Light as surrounding color scheme

  • Large

    The light color scheme large variant for Kraafter's logo
  • Medium

    The light color scheme medium variant for Kraafter's logo
  • Small

    The light color scheme small variant for Kraafter's logo


Dark as surrounding color scheme

  • Large

    The light color scheme large variant for Kraafter's logo
  • Medium

    The light color scheme medium variant for Kraafter's logo
  • Small

    The light color scheme small variant for Kraafter's logo

Color Scheme

There is nothing really special with the color scheme used on my site. I also don't remember how I came up with it (it could be from my older site iterations, or my fursona's colors). While it's origins are unknown, I think I did a pretty okay job.

Usage

Dark (HEX)

Light (HEX)

Background

#1f1f1f

Unavailable

Foreground

#323232

Unavailable

Text

#f0f8ff

Unavailable

Accent and Link

#3d00a0

Unavailable

Quote and Code Block

#323232

Unavailable


Yeaa I have not came up with a light mode color scheme, wip

Typography

Plus Jakarta Sans is the main font used on my site.

The quick brown fox jumps over the lazy dog. 1234567890

The quick brown fox jumps over the lazy dog. 1234567890 (Bold)

The quick brown fox jumps over the lazy dog. 1234567890 (Italic)

The quick brown fox jumps over the lazy dog. 1234567890 (Bold Italic)


I also use IBM Plex as the monospace font for showing code bits.

The quick brown fox jumps over the lazy dog. 1234567890

The quick brown fox jumps over the lazy dog. 1234567890 (Bold)

The quick brown fox jumps over the lazy dog. 1234567890 (Italic)

The quick brown fox jumps over the lazy dog. 1234567890 (Bold Italic)

Credits

Please do note that this page, which will become the default layout for blog posts, is heavily inspired by beeps. More specifically, their own Branding page at beeps.website/brand. Special thanks ^^