Released on September 24th, 2018, the first version of Aurora design system included components, as well as best practices for written content and data visualization.
−
Released on September 24th, 2018, the first version of Aurora design system included components, as well as best practices for written content and data visualization. Version one included HTML code, design elements and documentation for the following components:
+
====Components in version one====
+
Version one included HTML code, design elements and documentation for the following components:
[[File:Tagsdesignsystem.PNG|700px|thumb|right|Example of Tags component with HTML code]]
[[File:Tagsdesignsystem.PNG|700px|thumb|right|Example of Tags component with HTML code]]
Line 170:
Line 172:
|-
|-
|'''Visuals'''
|'''Visuals'''
+
|Colour
+
Icons
+
+
Typography
+
|-
+
|'''Standard'''
+
|Avatars and thumbnails
+
Badges
+
+
Buttons
+
+
Cards
+
+
Divider/rule
+
+
Grids and spacing
+
+
System messaging
+
+
Tags, chips and pills
+
+
Tooltips
+
|-
+
|'''Navigation'''
+
|Breadcrumbs
+
Back to top
+
+
Links
+
+
Pagination and scrolling
+
+
Search
+
|-
+
|'''Forms'''
+
|Form design and labels
+
Button inputs
+
+
Errors and validation
+
+
File upload
+
+
Progress indicators
+
+
Text inputs
+
|}
+
+
====Content and data====
+
Aurora contained content guidelines and data visualization styles, and best practices for the following topics: