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
Documenting an Atomic Design System with Jekyll
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Todd Moy
July 24, 2015
Design
380
1
Share
Documenting an Atomic Design System with Jekyll
A lightning talk presented at Explore UX / TriUPA.
Todd Moy
July 24, 2015
More Decks by Todd Moy
See All by Todd Moy
Wild Mushroom
toddmoy
1
110
Misdirection
toddmoy
0
140
Magic
toddmoy
0
240
The Secret Life of Usability (AIGA)
toddmoy
6
530
The Secret Life of Usability
toddmoy
11
610
Alternate Reality Games
toddmoy
1
200
Brain Bugs
toddmoy
3
210
Other Decks in Design
See All in Design
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.8k
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.3k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.6k
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
290
はじめての演奏会フライヤーデザイン
chorkaichan
1
290
hicard_credential_202601
hicard
0
220
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
AIでデザインをつくる:基礎編
kenichiota0711
4
3k
2026年、デザイナーはなにに賭ける?
0b1tk
0
530
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1.1M
Storyboard Exercise: Chase Sequence
lynteo
1
290
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.2k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
310
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.6k
Unsuck your backbone
ammeep
672
58k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
69
39k
The untapped power of vector embeddings
frankvandijk
2
1.7k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
Building an army of robots
kneath
306
46k
Google's AI Overviews - The New Search
badams
0
970
Deep Space Network (abreviated)
tonyrice
0
110
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
320
Transcript
Documenting an A T O M I C Design System
with Jekyll Presented by @toddmoy from @viget
BACKGROUND handoff to their tech team 3
AT0MIC DESIGN ATOMS MOLECULES ORGANISMS TEMPLATES PAGES 4
DOCUMENTATION ISSUES DesignSystem_20150120.pdf DesignSystem_20141218.pdf DesignSystem_20141205.pdf DesignSystem_20141120.pdf DesignSystem_20141101.pdf DesignSystem_20141031.pdf DesignSystem_20151010.pdf FORMAT
NAVIGATION & USABILITY VERSIONING 6
JEKYLL 8 A Static Site Generator
JEKYLL MARKDOWN CONTENT static web pages # Title Integer
posuere erat a ante venenatis dapibus posuere velit aliquet. * Lorem ipsum * Dolor site amet … HTML + CSS TEMPLATES <%= partial(‘header’) %> <body> <%= yield => </body> <%= partial(‘footer’) %> 9
BUILT JEKYLL WITH 22
How we used it PROCESS OMNIGRAFFLE INVISION basecamp JEKYLL 11
How we used it STRUCTURE 12
How we used it EDITING 13
How we used it Purpose & UsAGE SAMPLE SCREENS FUNCTIONAL
REQUIREMENTS EDITORIAL Requirements STYLISTIC GUIDELINES INCLUDED COMPONENTS & ELEMENTS CONTENT 15
How we used it COMMITS 16
How we used it PULL REQUESTS 17
How we used it HOSTING 18
FUTURE PLANS? 19
Thanks y’all! Presented by @toddmoy from @viget 21