Konstruct UI

Kongregate, an open platform for web gaming, set forth on a massive effort to rebrand its identity and platform.

Working with a stellar product designer to develop a new Design System and UI Kit, it was important to be able to make design changes without breaking existing functionality. By utilizing web components we could expand the new brand’s visual identity across all Kongregate products while maintaining a consistent look and feel.

Developed at Kongregate

Stack

  • Fastly
  • Figma
  • Hotwire
  • Lit Framework
  • NX Monorepo
  • Ruby on Rails
  • StimulusJS
  • Storybook
  • TailwindCSS
  • Turbo
  • View Components
  • Web Components
A screenshot of various components in the Konstruct UI kitA screenshot of the Konstruct color paletteA screenshot of various components in the Konstruct UI kitA screenshot of various components in the Konstruct UI kitA screenshot of various components in the Konstruct UI kitA screenshot of the Konstruct UI Account sign-in screenA screenshot of the Konstruct UI Account sign-in screen