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.