Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Case Study: Experimenting with Design Systems
Search
Bermon Painter
April 04, 2018
Design
1
310
Case Study: Experimenting with Design Systems
Bermon Painter
April 04, 2018
Tweet
Share
More Decks by Bermon Painter
See All by Bermon Painter
Behavioural Science + Product Innovation = ❤️
bermonpainter
0
420
Haciendo una inmersión profunda con el JAMStack y Vue.js
bermonpainter
0
280
Pensamiento de Diesño: Desarrollar Ideas a la Implementación
bermonpainter
0
240
Design Thinking: Ideas to Implementation
bermonpainter
0
570
Product Development with Vue.js and a Headless CMS
bermonpainter
0
370
Successfully Hire, Mentor, Retain and Lead Teams
bermonpainter
2
320
Crafting Successful UX Strategies
bermonpainter
0
1.1k
The Fallacy of Digital Transformation
bermonpainter
0
380
Design Thinking: Ideas to Implementation
bermonpainter
3
1.4k
Other Decks in Design
See All in Design
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
250
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
170
実利の世界で、表現者である
kiyou77
2
400
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
250
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
480
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
170
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.8k
Masked shaman-Storyboard 2025
ashley0521
0
140
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
200
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
110
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
521
39k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cult of Friendly URLs
andyhume
78
6.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
KATA
mclloyd
29
14k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Building Adaptive Systems
keathley
39
2.4k
Transcript
Case Study: Experimenting with Design Systems @bermonpainter | #cltdesign
Tonight’s Agenda Contrast style guide vs. pattern library vs. design
system Building your own Case study: Internal applications at Cardinal 1 2 3
Style Guides Defines abstract styles in the form static documentation
that describes how the design itself should be applied to a product or service.
Style Guides Color Palettes Iconography Imagery Typography Typographic Scale Grid
Definitions
None
None
None
None
None
None
None
Pattern Libraries A set of reusable components that are used
across single or multiple products or services.
Pattern Libraries Component Names Visual Representation Variations Use Cases Considerations
Code Samples Templates
None
None
None
Design System Forms the foundation of a shared design language
and allows the team to communicate shared rules and connections around how to build a product or service.
Design Systems Style Guide Pattern Library Tools & Utilities Principles
Rules
None
None
None
Design System Rules and Connections Style Guide Abstract Styles Pattern
Library Reusable Components
A style guide is an artifact of a design process.
A design system is a living, funded project with a roadmap & backlog, serving an ecosystem. “ “ – Nathan Curtis
PATTERN LIBRARY APP DESIGN SYSTEM
PATTERN LIBRARY APP DESIGN SYSTEM APP
PROSPECT METRE EVOKE DESIGN SYSTEM FULCRUM ENLIST
None
Fin.