DocuWare Design

Guidelines to empower the DocuWare products' inclusivity and accessibility

Docy

Levels

Estimated reading: 1 minute 231 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

Loading Patterns

Engaging users while waiting with Loading Patterns This section will expose the ...

Alerts

Keep users on their toes using Alerts Alert is a messaging tool used to notify u...

Banners

How inform and alert users with Banners ? A banner is a powerful tool for commun...

Bias-Free Language

General guidelines for writing about people without biases

Text

Text Area

Time Input

Date Input

Slot Input

Masked Input

Number Input

Text Input

Chat Icon Close Icon