A static site generator that helps you create component styleguides and document design systems.

1. What is Bedrock?
And why should I care?
2018 EditionBedrock 1.4

2. Bedrock is a static
website generator.
HTML, CSS, JS
Processing
scripts
Static website
What is Bedrock?

3. What do you use Bedrock for?
Easily navigating
through different
pages and page
states in a prototype

4. What do you use Bedrock for?
Documenting a
project's colors,
typography and
components
What do you use Bedrock for?

5. What do you use Bedrock for?
Designing or
prototyping with
real data

6. • It is a well-maintained tool, that has been honed for over 2
years. It is in daily use by several people.
• It provides an easy way to document HTML/CSS components:
documenting = pasting a piece of HTML, done.
• It provides a single source of truth for what an application
should look like.
• No lock-in. Bedrock is free, and open source (MIT Licensed)
Why use Bedrock?

7. Examples - Color documentation

8. Examples - Component documentation

9. Bedrock is hosted at
Github and can be used
with minimal HTML and
CSS knowledge.

10. Issues, questions and
improvements are
openly discussed on
Github issues.

11. There is clear semantic
versioning, and a CLI tool to
update to the latest version
to get improvements.

12. The Bedrock website
provides documentation
on how to use it.

13. Interested? Visit https://bedrock.mono.company to
learn more.