Components are reusable elements and layouts. Your Organisms live here. Building reusable components for commonly used elements and layouts will save you a lot of time in development and give you an easily editable item to maintain and update. Save components as editable symbols to make them even more versatile. Navigation, Footers and Cards are common reusable elements, and can have several versions. If you use a certain layout or section style a lot, consider adding it to your component library. Create Templates for frequently used pages and add them too.

The Primary button should be used for all branded or targeted "Call to Action" UI/UX items. The button text should identify the action. The Secondary button should be used after the Primary where the intended action needs to be differentiated. The Alternate button can be added after both the Primary and Secondary are already in use on a page. Power of 4 ratios are used for Padding, Margin and Border-Radius styles.

Include common Form elements for reusability and easy maintenance. The main form should use the Primary brand color and any other forms the Secondary color to differentiate purpose. The form button text should clearly state the intended result.