Ultra Design System

UI Designer

Ultra Arena Thumbnail

For more than five years we are maintaining and evolving the Ultra Design system which is used across more than a dozen of intern projects.

Design System Overview

Ultra Arena Thumbnail
Color themed

The color palette is now pretty settled but has been refined multiple times since the beginning. The constant evolution of Ultra app suite makes us rethink color contrast to match accessibility goals.

A nearly customed font

The original Inter UI font has been slightly modified to match Ultra’s identity.

Ultra Arena Thumbnail
Ultra Arena Thumbnail
An extended icon library

Based on the feather icon library more than hundreds of pictograms have been carefully designed for blockchain and gaming purposes. Each pictogram exists in different sizes and stroke widths to match its corresponding typography style.

A quick glance at some components

Ultra Arena Thumbnail
Ultra Arena Thumbnail

Ultra Design System has been built around a customed Atomic Design concept which feels more flexible to the product range. It is designed with a funnel approach going from non-contextual components to hyper-contextualized components. This allows designers to stay creative and design very tailored components for specific cases while following non-contextual artistic direction.

Ultra Arena Thumbnail
Ultra Arena Thumbnail
<

Viewing

Ultra Design System

>