Simple Brand Example

brand/brand-simple/.gitignore

@@ -0,0 +1,2 @@
+/.quarto/
+_site/

brand/brand-simple/README.md

@@ -0,0 +1,37 @@
+# brand-simple
+
+
+This is a simple example of using
+[**brand.yml**](https://posit-dev.github.io/brand-yml/) across a range
+of Quarto supported formats.
+
+The project is a website with a single document `index.qmd` that is
+rendered multiple formats: `html`, `revealjs`, `dashboard`, `typst`.
+
+The brand information stored in `_brand.yml` is:
+
+``` yaml
+color:
+  palette:
+    dark-grey: "#222222"
+    blue: "#ddeaf1"
+  background: blue
+  foreground: dark-grey
+  primary: black
+
+logo: 
+  medium: logo.png
+
+typography:
+  fonts:
+    - family: Jura
+      source: google
+  base: Jura
+  headings: Jura
+```
+
+To preview locally, run:
+
+``` bash
+quarto preview
+```

brand/brand-simple/README.qmd

@@ -0,0 +1,23 @@
+---
+title: brand-simple
+format: gfm
+---
+
+<https://examples.quarto.pub/brand-simple/>
+
+This is a simple example of using [**brand.yml**](https://posit-dev.github.io/brand-yml/) across a range of Quarto supported formats.
+
+The project is a website with a single document `index.qmd` that is rendered multiple formats: `html`, `revealjs`, `dashboard`, `typst`.
+
+
+The brand information stored in `_brand.yml` is:
+
+```{.yaml}
+{{< include _brand.yml >}}
+```
+
+To preview locally, run:
+
+```bash
+quarto preview
+```

brand/brand-simple/_brand.yml

@@ -0,0 +1,17 @@
+color:
+  palette:
+    dark-grey: "#222222"
+    blue: "#ddeaf1"
+  background: blue
+  foreground: dark-grey
+  primary: black
+
+logo: 
+  medium: logo.png
+
+typography:
+  fonts:
+    - family: Jura
+      source: google
+  base: Jura
+  headings: Jura

brand/brand-simple/_quarto.yml

@@ -0,0 +1,10 @@
+project:
+  type: website
+
+website:
+  title: "Simple Brand Example"
+  navbar:
+    title: "Demo CO"
+    tools:
+      - icon: github
+        href: https://github.com/quarto-dev/quarto-examples/brand/brand-simple/

brand/brand-simple/index.qmd

@@ -0,0 +1,22 @@
+---
+title: "Brand"
+format:
+  html: 
+    other-links:
+      - href: index-dashboard.html
+        icon: speedometer
+        text: Dashboard
+  typst: default
+  revealjs:
+    output-file: index-reveal.html
+  dashboard: 
+    output-file: index-dashboard.html
+---
+
+## Overview
+
+This is a document themed using [**brand.yml**](https://posit-dev.github.io/brand-yml/)
+
+## Subheading
+
+{{< lipsum 1 >}}