Versions Compared

Old Version 2

changes.mady.by.user Ron Oemus

Saved on

compared with

New Version Current

changes.mady.by.user Ron Oemus

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Zeplin Styleguide




Zeplin Documentation Layout example 
1ID2 Overlayhttps://zpl.io/VxNorYWcoming soon


Image Added

The overlay serves as a focus aid for all components that are to be lifted from the dashboard. The overlay also has a column grid/row, this grid is the same to the Dashbord Column Grid.

Currently the overlay can be used for these applications:

Table of Contents







Basic Overlay


Image Added
1920 Basic Overlay definition


Info
iconfalse
titleZeplin Documentation

Astronaut: https://zpl.io/b6d0Y8R

Tokyo at Night: soon


Image Added
1920 Basic Astronaut Overlay

Image Added
1920 Basic Tokyo Overlay





Dialog Overlay

Der Dialog passt sich an den Column-Grid des Overlays an. Welche Dimensionen der Dialog besitzt ist vom unterschiedlichen  Inhalt abhängig. Mehr darüber erfahren Sie im Thema Dialog.



Image Added
1920 Dialog Overlay definition


Info
iconfalse
titleZeplin Documentation

Astronaut: https://zpl.io/VQX5AvP

Tokyo at Night: soon


Image Added
1920 Astronaut Dialog Overlay

Image Added
1920 Tokyo at Night Dialog Overlay





Popup Overlay

Als Popup eignen sich alle möglichen Informations-Module oder Eingabe-Module. Das Modul passt sich an den Column-Grid des Overlays an. Welche Dimensionen das Modul besitzt ist vom unterschiedlichen Inhalt abhängig. Mehr darüber erfahren Sie im Thema Modul.




Image Added
1920 Popup Overlay definition


Info
iconfalse
titleZeplin Documentation

Astronaut: https://zpl.io/2pGJrvN

Tokyo at Night: soon


Image Added
1920 Astronaut Popup Overlay

Image Added
1920 Tokyo at Night Popup Overlay