Skip to main content

UI Specs

Overview#

Here you'll learn how to make things look like Project Nebula apps.

Generally, we stick to Material Design guidelines for usability.

Layout and Spacing#

Use even spacing

4px is the increment for aligning typography for a grid.

Web Guidance#

Use

We try to optimize for the following displays

Test for a 1920x1080 display

Breakpoints#

  • 360px
  • 600px
  • 960px
  • 1280px
  • 1440px

Interactive Surfaces#