|
mindset
|
#AD0014 |
I forgot where I got this shade of red from. I believe it was just a cool one I created in paint.net, and it's changed slightly over time from screenshotting and eyedropping it a few times. It's too iconic to change now
|
|
#6921A7 |
Originally a dark blue in the original layout, it was changed to purple so it would be closer to a type of red. I like how cozy it makes the page feel
|
|
#FF9900 |
Originally the stuff page had an orange iMac G3 wallpaper on it, and got changed to simply orange later on. I like the customizability I give to the orange pages, such as the animated blog background, but I sometimes feel like the orange is too bright
|
|
#F975CD |
The About page is very rarely updated, and one of the largest in the orignal layout was changing it from fully greyscale, to having a pale pink background. It became more saturated for the current layout
|
|
#009DA3 |
The only background color of the main pages that doesn't have at least a bit of red in it's color, partially to eccentuate that these are "extras." This one has been tweaked quite a few times to different shades of teal, but I don't think it'll ever perfectly fit
|
|
|
You probably know about the "rule of thirds" that can be used as a general guide for framing stuff that you're photographing.
I don't think about "following the rule" very much while photographing or designing a css layout, but I do like to move things around until everything is kinda just framed nice. Things just kinda click
|
bebas neue BEBAS NEUE
"Main" font used on the website. I discovered Bebas on a gif text generator website, and Bebas Neue adds a lot such as different weights and lowercase text
kontora KONTORA
The font you're reading right now. Great for a secendary header or main block text. I like Helvetica for stuff like this but this one is really cool for how unknown it is. There's better fonts for readability but it accents the sites style so well
Links are primarily white, instead of blue and purple (partly because I'm colorblind and couldn't tell the difference between the purple and the blue,) but this also makes for a visual consistency across the site, including text in images, where black text is primarily info, and white is primarily links.
Style overrides this rule, and it's occasionally broken (by either making a non-link white, a link black, or keeping the original blue/purple in a case where white wouldn't contrast well)
Twelve Men is designed to stand out. To be different. It takes inspiration from a lot of stuff I find interesting but ultimately it is a representation, an expression, of me.
Please don't directly follow anything I outline on this page like it's a guide, as I feel like that could limit your own creative potential, but I still wanted to share my though process behind all this
|
