Personal Website 2014

My website and blog were relaunched in April 2014 with a Responsive Design.

I build it with Jekyll, later migrated to Hugo, and automated the process with Gulp.js, optimized for various screen resolutions starting at a smartwatch up to desktop size. It uses SVG for the logo and all icons. It is speed optimized and passes Google’s Page Speed Insights Test with a full score. I provide a full Styleguide to see all variations possible for content elements. The source programming is available on GitHub.

The fantastic Bonsai image was shot by Norio Nakayama and provided with a CC license on Flickr.

Source Code


Color Palette

#333333

#89B46B

#B42B2C

#FFFFFF

Typefaces

Typefaces Yanone Kaffeesatz and Gentium Basic

Logo

Rakkan Logo

Homepage

Homepage

Subpage

Subpage