Design consistency is achievable with reusable component libraries like React. Jony Cheung will show a library of components to aid in building design consistency. Learn how easy it is to incorporate interactive visual design into your add-on.
Jony Cheung, Dev Manager, Atlassian
Architecture decision records - How not to get lost in the past
Developing with Design Consistency - An Overview
1. Developing with Design Consistency
An Overview
JONY CHEUNG | DEV MANAGER | ATLASSIAN | @JONYCHEUNG
2. Atlassian brand
brings more humanity and warmth to our
products and services
User interfaces
become simpler by removing unnecessary
elements
User experience patterns
are shared using reusable components
The new
ADG is
how…
3. The new
ADG is
how…
Atlassian brand
brings more humanity and warmth to our
products and services
User interfaces
become simpler by removing unnecessary
elements
User experience patterns
are shared using reusable components
4. The new
ADG is
how…
Atlassian brand
brings more humanity and warmth to our
products and services
User interfaces
become simpler by removing unnecessary
elements
User experience patterns
are shared using reusable components
14. AtlasKit site
The entry point to all things
AtlasKit
AtlasKit
Sample project
AtlasKit starter using AtlasKit
components and webpack.
Codepen
Sample code
(a.k.a. sandbox)
http://atlaskit.atlassian.com
18. Reduced UI pack
A small set of styles available for non-
React developers.
How to get
it…
React
components
Reduced UI
pack
19. The Reduced UI pack is a
small set of ADG styles for
use in any web project.
REDUCED UI PACK
20. Not AUI, it’s simpler
Just styles
Subset of ADG components
Reduced
UI pack
21. Not AUI, it’s simpler
Just styles
Subset of ADG components
Reduced
UI pack
22. Not AUI, it’s simpler
Just styles
Subset of ADG components
Reduced
UI pack
23. AtlasKit site
The entry point to all things
AtlasKit
Reduced UI pack
Codepen
Code samples
(a.k.a. sandbox)
Storybook
List of components in the
reduced-ui-pack storybook
http://atlaskit.atlassian.com