Style Notes
Color Themes
Only use “minimal” color themes. The bold ones have not been established and are not necessary.
Text Use
This website is designed with all text left-aligned. For visual consistency, no text should be center-aligned or right-aligned.
Be sparing with use of bold text and italicized text.
Spacing
When making line breaks, use Shift + Return. Otherwise, do not use the return button for design purposes (i.e. to make extra space between paragraphs). This will create awkward-looking inconsistencies across different screen sizes and mobile screens. This is important.
Spacing should be used with Spacer bars, and creating new text boxes.
This color theme is White Minimal.
This is Heading 1.
This is Heading 2.
This is Heading 3.
This is Heading 4.
This is Paragraph 1. This is what you should use for all body copy. It was chosen, both in style and size, for readability and accessibility.
This is bolded text. This is italicized text. This is a link.
This is Paragraph 2. This should not be your main body copy, but can be used to supplement as needed.
This is Paragraph 3. This should be used for footnote-style text.
This is an image with inline caption
This is a “poster” image.
This is an image with a text card.
This is an image with text overlap.
This is an image/text collage,
with a button.
You can use a button, or an inline link, or have nothing linked at all. This is just an example of how it can be used.
This color theme is Dark Minimal.
This is Heading 1.
This is Heading 2.
This is Heading 3.
This is Heading 4.
This is Paragraph 1. This is what you should use for all body copy. It was chosen, both in style and size, for readability and accessibility.
This is bolded text. This is italicized text. This is a link.
This is Paragraph 2. This should not be your main body copy—it should be used for image captions and sub-headers on image blocks.
This is Paragraph 3. This should be used for footnote-style text.
This is an image with inline caption
This is a “poster” image.
This is an image with a text card.
This is an image with text overlap.
This is an image/text collage,
with a button.
You can use a button, or an inline link, or have nothing linked at all. This is just an example of how it can be used.