DocuWare Design

A range of resources for designers, developers

Docy

Levels

Estimated reading: 1 minute 132 views

The layout contains different levels:

Level one - Wrapper

Page itself

This level sets the maximum width of the content but does not add any vertical margin or padding.

If your design requires them, you should place components such as breadcrumbs, backlinks, etc., inside the Wrapper to sit directly underneath the header.

Level two - Container

Surface

The main block inside which exist all the other UI Elements

Level three - Content

Components

  • Tables

  • Cards

  • Action components

CONTENTS
Chat Icon Close Icon