Martial Arts Website

I redesigned my Martial Arts Online Magazine in 2017. Additionally, I moved the website from Jekyll (as static page generator) to Hugo. I used the CSS Grid Layout throughout the website, the homepage has 12 different grids.

I removed clutter by removing some background patterns, added new hover animations for images and containers, added new buttons, and a new pulsing heart animation for the donation section.

I added Service Worker and full offline support for the website. The source programming is available on GitHub.

Color Palette

R26 G23 B27 
H285 S8 L10 
R176 G188 B4 
H64 S96 L38 
R124 G160 B77 
H86 S35 L46 
R188 G206 B159 
H83 S32 L72 
R221 G221 B221 
H0 S0 L87 
R255 G255 B255 
H0 S0 L100 

Typeface Exo

Rakkan Logo



Grid Layout

Tablet & Phone