Difference between revisions of "KDE Visual Design Group/HIG/Elevation"

Jump to: navigation, search
(Created page with "= Elevation and Shadows =")
 
Line 1: Line 1:
 
= Elevation and Shadows =
 
= Elevation and Shadows =
 +
Shadows should be horizontally-centered, but vertically offset, to provide the illusion that a light source is over the top of the screen. The default shadow color should be Shade Black (see [[KDE_Visual_Design_Group/HIG/Color|Breeze Colors]]) with 35% opacity. The default size for window shadows is 64px. Menu & tooltip shadows are 16px:
 +
 +
[[File:Shadows_with_background.png]]
 +
 +
Shadows inside apps should use a size of 16px or below, so as not to compete with the window shadows.

Revision as of 01:35, 6 January 2018

Elevation and Shadows

Shadows should be horizontally-centered, but vertically offset, to provide the illusion that a light source is over the top of the screen. The default shadow color should be Shade Black (see Breeze Colors) with 35% opacity. The default size for window shadows is 64px. Menu & tooltip shadows are 16px:

Shadows with background.png

Shadows inside apps should use a size of 16px or below, so as not to compete with the window shadows.


Content is available under Creative Commons License SA 4.0 unless otherwise noted.