Standardized Design of Electronic Procedures
Home
First steps
First steps
What is DINTEL?
Designers
Developers
Resources
Frequently Asked Questions
Foundations
Foundations
Color
Typography
Box shadow
Spacing
Grid
Border
Border radius
Iconography
Illustrations
Animations
Accessibility
Design tokens
Writing guidelines
Data visualization
Interface elements
Interface elements
Modules
Templates
Components
Updates
Contact
Foundations
Box shadow
Elevations
Fonts. styles and text sizes. Helps to create a clear visual hierarchy in designs.
Shadows will only be used in those floating elements that need to be positioned above the rest in order to gain prominence and the user's attention.
100
jcr:221bb07a-d7c1-493f-8085-77c7cbb4fe62
X: 0px, Y: 0px, Blur: 4px, Spread: 0px, Color: #0A0E14, Opacity: 25%
Cards
200
jcr:f790e4ed-8098-4b6b-8e5b-c33f342e8312
X: 0px, Y: 2px, Blur: 8px, Spread: 0px, Color: #0A0E14, Opacity: 25%
Overflow (popover, tooltip...)
300
jcr:3dbc4bf0-1ac2-4102-94bf-2de995069f16
X: 0px, Y: 4px, Blur: 16px, Spread: 0px, Color: #0A0E14, Opacity: 25%
Modals
This website uses own and third party cookies to provide a better service. If you continue browsing we consider that you accept its use.
