Kodansha Design System

A collection of components used to build the Kodansha website.

Foundations

Colors #

White

var(--color-white)
Gray Light

var(--color-gray-light)
Gray Dark

var(--color-gray-dark)
Black

var(--color-black)
Red

var(--color-red)
Blue

var(--color-blue)
Orange

var(--color-orange)
Purple

var(--color-purple)
Green

var(--color-green)
Pink

var(--color-pink)
Navy

var(--color-navy)
Yellow

var(--color-yellow)

Typography #

Maax #

Sans-serif primary typeface.

Galaxie Copernicus #

Serif secondary typeface.