Empty state · High Contrast
A designed blank slate with its own SVG illustration (inbox, search or folder), a headline, one line of guidance and primary and secondary actions.
Design · High Contrast20 / 20
Thick 3px frame with 'Empty:' spelled out, 20px title, 15px copy and two 48 px underlined buttons.
Motion
The illustration, headline, copy and buttons lift into place one after another with a 60 ms stagger.
Accent
A designed blank slate with its own SVG illustration (inbox, search or folder), a headline, one line of guidance and primary and secondary actions.
empty stateblank slateillustrationinboxonboardingno resultscall to action