Personal Website v2

My website and blog 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 Googles Page Speed Insights Test with 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.

Color Palette





Typefaces Yanone Kaffeesatz and Gentium Basic

Rakkan Logo






Phone Blog Section

Phone Work Section

Phone Martial Arts Section

Phone Books Section

Phone Movies Section

Phone Footer

Offscreen Navigation

Offscreen Navigation