System UI

A clean view of the system’s core components and structure.

Fonts

Sans - Roboto

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto neque, minima nisi temporibus maxime delectus fugiat veritatis quas nam obcaecati amet, repudiandae enim aspernatur optio, similique error laboriosam labore rerum?

Monospace - Space Mono

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto neque, minima nisi temporibus maxime delectus fugiat veritatis quas nam obcaecati amet, repudiandae enim aspernatur optio, similique error laboriosam labore rerum?

Heading

Heading 48

H1 - 2.5rem, 3vw + 1rem, 3.25rem - 900

Heading 36

H2 - 2rem, 2.5vw + 0.8rem, 2.75rem - 900

Heading 30

H3 - 1.75rem, 2vw + 0.6rem ,2.25rem - 700

Heading 24

H4 - 1.5rem, 1.5vw + 0.4rem, 1.875rem - 700

Colors

Background
Primary
Secondary
Accent
Muted
Muted Deep
Surface
Border
Ring

Shadows

Radius

References

Untitled reference, see original post for details.Untitled reference, see original post for details.Untitled reference, see original post for details.Untitled reference, see original post for details.

This was the original idea, but in the end it has nothing to do with it.