HTML structure

HTML tags

html-tags

Pop-Up, Overlay, Modal, Dialog and Interstitial

Even if they work the same way, when creating a new component, try to stay as precise as possible.

nameimgDescription
Popuphtml-structureCan only be closed or accepted without any interaction
Overlayhtml-structureOn top of the rest of the content, cannot interact with it
Modalhtml-structureWindows of interaction / Complex forms
Interstitialhtml-structurePopup that impacts the usability of the website (ex: deactivate your adblock to be able to go further)
Dialoghtml-structureQuick answer (yes or no)

shared/components

shared-components

example - sharedComponents

Component-example

example - componentExample

Page-example

example - pageHome

shared/layout

Main layout

example - layoutMain

Page layout

example - layoutPage

Main Layout (sm)

example - layoutPage2

Page layout (sm)

example - layoutPageContent

Source: standard.xd