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