Structuring the design: the layer hierarchy

Every app screen in your design file should be organized into the 3 levels described below. This is how Bravo can read and properly display your design. If you don't have this hierarchy, certain elements may look different or not show up in your app project.

The Layer Hierarchy

Each level is inside ("nested" within) the level above.
  • Top-level layer: always the app page component.
  • Second-level layer: always a container component.
  • Third-level layer: all the UI elements (text, shape, image, etc.)