More Related Content Similar to Documenting an Atomic Design System with Jekyll Similar to Documenting an Atomic Design System with Jekyll (20) Documenting an Atomic Design System with Jekyll6. 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
8. How we used it
PROCESS
OMNIGRAFFLE
INVISION
basecamp
JEKYLL
11
11. How we used it
Purpose &
UsAGE
SAMPLE
SCREENS
FUNCTIONAL
REQUIREMENTS
EDITORIAL
Requirements
STYLISTIC
GUIDELINES
INCLUDED
COMPONENTS &
ELEMENTS
CONTENT
15