🆔 Brand
About my logo and personal branding.
Note: Some items here are not yet final.
Content
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.
Logo
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
Medium
Small
Dark as surrounding color scheme
Large
Medium
Small
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 ^^