Astridd is a design system consisting of styles and components that can be referenced when creating MYOB digital experiences. It is for anyone who wants to create an MYOB digital experience including but not limited to Marketers, Account managers, Designers, Developers, and Page authors.
Benefits
If you need guidance conceptualising, designing or building an MYOB core website page, campaign page, micro-site or other digital experiences, Astridd will be a valuable resource. Here you will find:
Visual representations of components
- These components are ready to use in Adobe Experience Manager (AEM), which is the CMS that myob.com is built upon
- Or they can be used as a reference for you to build your own in another platform
Component implementation guidelines
- Using the pre-built components in AEM
- Building your own on another third party platform
General dos and donts
User experience guidelines
Code examples
Usage examples
Astridd can be used as a reference point at various stages of your project:
Concept/Brief
- To better understand what is possible with pre-built components
- To see suggestions on where to use components, leading to a desired page structure
Design
- To help you design components in line with established MYOB design patterns
- To choose the right component for its intended use case
Development
- To see a component’s HTML structure and style classes
- To access implementation guidelines (including variation/option classes)
Implementation
- To see a live example of a component to confirm it meets your needs
- To quickly preview the available component variations
Support
If you have a question about using Astridd, a feature request or would like to report a bug, please get in touch with the Marquee Crew in the #astridd MYOB Slack channel or by email.
Our Astridd repository contains the all the components and our style sheet used by our web-based products.