Fieldstone DESIGN.md Example

Fieldstone is a content-first editorial system with a warm palette and generous line-height. Demonstrates the loose Markdown format for reading platforms. Related guide: Brand Guidelines and DESIGN.md.

Media / Publishing

What this file renders to

Computed from the file below when this page is built. Open it in the viewer for the full guideline with navigation and diagnostics.

Colors

Aa
--stone
15.83:1AAAink on fill
Aa
--bark
16.65:1AAAwhite on fill
Aa
--moss
7.74:1AAAwhite on fill
Aa
--sand
7.78:1AAAink on fill

Lint summary

The same checks as the DESIGN.md linter, run on this file at build time.

Full DESIGN.md source

Copy it, edit it, and use it as a starting point for your own file. Nothing is uploaded.

# Fieldstone: Editorial System

A warm, nature-anchored reading platform. Content-first.

## Colors

| Token    | Value   | Role                          |
| -------- | ------- | ----------------------------- |
| --stone  | #F5F0E8 | Page canvas                   |
| --bark   | #2C1A0E | Primary text                  |
| --moss   | #3D5A35 | Accent and links              |
| --sand   | #B8A898 | Muted text                    |

## Typography

Primary: Georgia at 19px, line-height 1.75. Labels: System sans at 13px.

## Do's and Don'ts

- Do prioritize reading comfort over visual drama.
- Don't use more than two font sizes in a single view.

More files: all DESIGN.md examples and templates.