Willamette Theme Style Guide

Brand Color Scale #

• 95
• 90
• 80
• 70
• 60
• 50
• 40
• 30
• 20
• 10
• 05

Basic Typography #

Lorem ipsum dolor sit amet, cillum lorem culpa adipiscing nulla. Nisi sint aliquip aute anim laborum incididunt. Duis duis aliqua consectetur est ex laboris, in consequat enim fugiat aliqua sint est incididunt, dolor esse voluptate aliqua sit ut reprehenderit. Sit lorem irure aute aliquip veniam pariatur, anim dolore commodo ea culpa esse quis laborum. Duis mollit exercitation pariatur.

Here are what links look like as well as monospaced text. You can also highlight text.

Heading Level 3 #

Paragraph text.

Heading Level 4

• Here is a bulleted list.
• Item 2
• Item 3

And…

1. Here is a numbered list.
2. Item 2
3. Item 3

You can also display blockquotes.

Est est incididunt pariatur, aute laborum non mollit cillum excepteur est incididunt, tempor enim nisi ipsum cillum veniam. Labore lorem nulla occaecat ipsum sed nulla. Non sunt enim exercitation nostrud occaecat deserunt, anim sed esse velit elit eiusmod cupidatat. Laborum nisi aliquip ad.

And of course, code snippets.

  if ENV["BRIDGETOWN_ENV"] == "production"
    workers ENV.fetch("BRIDGETOWN_CONCURRENCY") { 4 }
  end
  
  max_threads_count = ENV.fetch("BRIDGETOWN_MAX_THREADS") { 5 }
  min_threads_count = ENV.fetch("BRIDGETOWN_MIN_THREADS") { max_threads_count }
  threads min_threads_count, max_threads_count
  
  pidfile ENV["PIDFILE"] || "tmp/pids/server.pid"

Images & Figures #

Plain <img> with width: 400px:

Image within a <figure>:

Tables #

Reproduced from Wikipedia