DocuWare Design

Guidelines to empower the DocuWare products' inclusivity and accessibility



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


The main block inside which exist all the other UI Elements

Level three - Content


  • Tables

  • Cards

  • Action components


Loading Patterns

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


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


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 Area

Time Input

Date Input

Slot Input

Masked Input

Number Input

Text Input

Chat Icon Close Icon