This section states the purpose of each reusable element.

Introduction

Reusable Element - an element that contains other elements, like a group, that can be used in more than one place. This is useful when reusing the same elements often.
💡

Reusable Elements

Header

The header reusable element sits at the top of each page and serves a few very important purposes. It does provide a place for company's logo, navigation and page title which are part of a consistent user experience that all good websites share.
Other common header features are, search, shopping cart (for ecommerce), login/logout, user profile and notifications (if applicable). The workflows included with this element are pretty straightforward to follow.
Image without caption
This reusable element is customizable, so it is possible to change the styles and content of the element while keeping workflows or using it as inspiration for your own.
💡
Tip: This page comes with demo logins that have been placed for testing purposes. They may be removed from your app.

Pins

This reusable element is used to display particular pin information.
Image without caption

Profile Action (User)

This reusable element is used on the profile page for user-related actions: follow, send a message, and share a profile link.
Image without caption

Profile Actions

This reusable element is used on the profile page for board-related actions: create, edit, and share a board link.
Image without caption

Signup / Login Popup

This reusable element is a pop-up element used for simple sign-up and login processes but is not used within the template setup.
Image without caption

Helpful?