Restaurants should be able to bring their own branding to the system instead of compromising to fit within the system.
To support consumer-facing apps, the design system is compliant with WCAG AA standards before and after rollouts.
The design system can support different restaurants’ menu structures and customization models through configuration rather than re-engineering.
show restaurant branding and indicates actionable component like buttons and links
communicate an error or a destructive action
convey information that may require special attention from the user as it may affect their decision making
display important information and maintain information hierarchy
Build components with elements
When the entire page is mostly about confirming pickup time, the confirm action uses the primary button style
There are multiple items in the same page and there's no single clear choice. Use the secondary button style to leave users breathing room.