@janga/norna 0.7.9 → 0.7.10

package/examples/typography-presets/site/.norna/generated-images.json

@@ -1,288 +1,288 @@
 {
-  "images/compact-gallery/black-schnauzer.jpg": {
+  "routes/010-quiet-gallery/images/quiet-gallery/puppy-portrait.jpg": {
     "outputVersion": 2,
-    "sourceHash": "569922b4aa71096cc8e3a245f0ddccf74f941881b823084723854580078b50b0",
+    "sourceHash": "0cb5126b86660785da62903393e43df7b6e361d3bd1a0492cc6f371159c5afb8",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/compact-gallery/black-schnauzer-569922b4-480.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/puppy-portrait-0cb5126b-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/compact-gallery/black-schnauzer-569922b4-768.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/puppy-portrait-0cb5126b-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/compact-gallery/black-schnauzer-569922b4-1080.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/puppy-portrait-0cb5126b-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/compact-gallery/black-schnauzer-569922b4-1200.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/puppy-portrait-0cb5126b-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/compact-gallery/retriever-portrait.jpg": {
+  "routes/010-quiet-gallery/images/quiet-gallery/shepherd-portrait.jpg": {
     "outputVersion": 2,
-    "sourceHash": "c441ca2935debeb008a43e2a7fd510bfd6776682f84160151fd5c8605bfb8cae",
+    "sourceHash": "604099036852fa40c2fecf8620a138405c8edcb0b92f120bb603742f9ee91154",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/compact-gallery/retriever-portrait-c441ca29-480.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/shepherd-portrait-60409903-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/compact-gallery/retriever-portrait-c441ca29-768.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/shepherd-portrait-60409903-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/compact-gallery/retriever-portrait-c441ca29-1080.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/shepherd-portrait-60409903-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/compact-gallery/retriever-portrait-c441ca29-1200.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/shepherd-portrait-60409903-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/compact-gallery/schnauzer-portrait.jpg": {
+  "routes/010-quiet-gallery/images/quiet-gallery/white-puppy.jpg": {
     "outputVersion": 2,
-    "sourceHash": "545b0427b8e15846fe73656758da6eb3b8612dabf2b2879c31197986f8deb9b5",
+    "sourceHash": "bcb834d00bb9b520dac475c32906f8578a03bd922c1639c7d86252ae1f1c433a",
     "width": 1200,
-    "height": 900,
+    "height": 800,
     "variants": [
       {
-        "src": "/images/generated/compact-gallery/schnauzer-portrait-545b0427-480.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/white-puppy-bcb834d0-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/compact-gallery/schnauzer-portrait-545b0427-768.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/white-puppy-bcb834d0-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/compact-gallery/schnauzer-portrait-545b0427-1080.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/white-puppy-bcb834d0-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/compact-gallery/schnauzer-portrait-545b0427-1200.webp",
+        "src": "/images/generated/routes/010-quiet-gallery/images/quiet-gallery/white-puppy-bcb834d0-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/quiet-gallery/puppy-portrait.jpg": {
+  "routes/020-compact-gallery/images/compact-gallery/black-schnauzer.jpg": {
     "outputVersion": 2,
-    "sourceHash": "0cb5126b86660785da62903393e43df7b6e361d3bd1a0492cc6f371159c5afb8",
+    "sourceHash": "569922b4aa71096cc8e3a245f0ddccf74f941881b823084723854580078b50b0",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/quiet-gallery/puppy-portrait-0cb5126b-480.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/black-schnauzer-569922b4-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/quiet-gallery/puppy-portrait-0cb5126b-768.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/black-schnauzer-569922b4-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/quiet-gallery/puppy-portrait-0cb5126b-1080.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/black-schnauzer-569922b4-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/quiet-gallery/puppy-portrait-0cb5126b-1200.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/black-schnauzer-569922b4-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/quiet-gallery/shepherd-portrait.jpg": {
+  "routes/020-compact-gallery/images/compact-gallery/retriever-portrait.jpg": {
     "outputVersion": 2,
-    "sourceHash": "604099036852fa40c2fecf8620a138405c8edcb0b92f120bb603742f9ee91154",
+    "sourceHash": "c441ca2935debeb008a43e2a7fd510bfd6776682f84160151fd5c8605bfb8cae",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/quiet-gallery/shepherd-portrait-60409903-480.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/retriever-portrait-c441ca29-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/quiet-gallery/shepherd-portrait-60409903-768.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/retriever-portrait-c441ca29-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/quiet-gallery/shepherd-portrait-60409903-1080.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/retriever-portrait-c441ca29-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/quiet-gallery/shepherd-portrait-60409903-1200.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/retriever-portrait-c441ca29-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/quiet-gallery/white-puppy.jpg": {
+  "routes/020-compact-gallery/images/compact-gallery/schnauzer-portrait.jpg": {
     "outputVersion": 2,
-    "sourceHash": "bcb834d00bb9b520dac475c32906f8578a03bd922c1639c7d86252ae1f1c433a",
+    "sourceHash": "545b0427b8e15846fe73656758da6eb3b8612dabf2b2879c31197986f8deb9b5",
     "width": 1200,
-    "height": 800,
+    "height": 900,
     "variants": [
       {
-        "src": "/images/generated/quiet-gallery/white-puppy-bcb834d0-480.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/schnauzer-portrait-545b0427-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/quiet-gallery/white-puppy-bcb834d0-768.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/schnauzer-portrait-545b0427-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/quiet-gallery/white-puppy-bcb834d0-1080.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/schnauzer-portrait-545b0427-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/quiet-gallery/white-puppy-bcb834d0-1200.webp",
+        "src": "/images/generated/routes/020-compact-gallery/images/compact-gallery/schnauzer-portrait-545b0427-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/statement/black-pedigree.jpg": {
+  "routes/030-text-forward/images/text-forward/boxer-portrait.jpg": {
     "outputVersion": 2,
-    "sourceHash": "7d5e0be21d7889cb440b9dd6bab74d8f656e4f5159fdcd6cbe937fc7b9d4bd44",
+    "sourceHash": "da764a5b71f2bfa610ae4978cad4660cd6ecfdcd5b7fcbd788b92c3f9ada42b1",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/statement/black-pedigree-7d5e0be2-480.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/boxer-portrait-da764a5b-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/statement/black-pedigree-7d5e0be2-768.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/boxer-portrait-da764a5b-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/statement/black-pedigree-7d5e0be2-1080.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/boxer-portrait-da764a5b-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/statement/black-pedigree-7d5e0be2-1200.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/boxer-portrait-da764a5b-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/statement/sheepdog-grass.jpg": {
+  "routes/030-text-forward/images/text-forward/grass-puppy.jpg": {
     "outputVersion": 2,
-    "sourceHash": "b9396e00227dac3b290d6e29cc82758a4cf98f08bc9154c24c8fbf598563b69a",
+    "sourceHash": "519d663971223bdb1948db9087c637f1ed8b4d21d81c08e1fc10d5e2d904f230",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/statement/sheepdog-grass-b9396e00-480.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grass-puppy-519d6639-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/statement/sheepdog-grass-b9396e00-768.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grass-puppy-519d6639-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/statement/sheepdog-grass-b9396e00-1080.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grass-puppy-519d6639-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/statement/sheepdog-grass-b9396e00-1200.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grass-puppy-519d6639-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/statement/sheepdog-wide.jpg": {
+  "routes/030-text-forward/images/text-forward/grey-street-dog.jpg": {
     "outputVersion": 2,
-    "sourceHash": "5c8a6878d3d38549d41f8161b92ffb555f3bf5c2d3defbade15932c4d11b6dea",
+    "sourceHash": "08cab93ba9a2d1c3a72c471dd8724efa7d820f43dad447221b445c32ebe9ab28",
     "width": 1200,
-    "height": 667,
+    "height": 800,
     "variants": [
       {
-        "src": "/images/generated/statement/sheepdog-wide-5c8a6878-480.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grey-street-dog-08cab93b-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/statement/sheepdog-wide-5c8a6878-768.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grey-street-dog-08cab93b-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/statement/sheepdog-wide-5c8a6878-1080.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grey-street-dog-08cab93b-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/statement/sheepdog-wide-5c8a6878-1200.webp",
+        "src": "/images/generated/routes/030-text-forward/images/text-forward/grey-street-dog-08cab93b-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/text-forward/boxer-portrait.jpg": {
+  "routes/040-statement/images/statement/black-pedigree.jpg": {
     "outputVersion": 2,
-    "sourceHash": "da764a5b71f2bfa610ae4978cad4660cd6ecfdcd5b7fcbd788b92c3f9ada42b1",
+    "sourceHash": "7d5e0be21d7889cb440b9dd6bab74d8f656e4f5159fdcd6cbe937fc7b9d4bd44",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/text-forward/boxer-portrait-da764a5b-480.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/black-pedigree-7d5e0be2-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/text-forward/boxer-portrait-da764a5b-768.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/black-pedigree-7d5e0be2-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/text-forward/boxer-portrait-da764a5b-1080.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/black-pedigree-7d5e0be2-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/text-forward/boxer-portrait-da764a5b-1200.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/black-pedigree-7d5e0be2-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/text-forward/grass-puppy.jpg": {
+  "routes/040-statement/images/statement/sheepdog-grass.jpg": {
     "outputVersion": 2,
-    "sourceHash": "519d663971223bdb1948db9087c637f1ed8b4d21d81c08e1fc10d5e2d904f230",
+    "sourceHash": "b9396e00227dac3b290d6e29cc82758a4cf98f08bc9154c24c8fbf598563b69a",
     "width": 1200,
     "height": 800,
     "variants": [
       {
-        "src": "/images/generated/text-forward/grass-puppy-519d6639-480.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-grass-b9396e00-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/text-forward/grass-puppy-519d6639-768.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-grass-b9396e00-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/text-forward/grass-puppy-519d6639-1080.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-grass-b9396e00-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/text-forward/grass-puppy-519d6639-1200.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-grass-b9396e00-1200.webp",
         "width": 1200
       }
     ]
   },
-  "images/text-forward/grey-street-dog.jpg": {
+  "routes/040-statement/images/statement/sheepdog-wide.jpg": {
     "outputVersion": 2,
-    "sourceHash": "08cab93ba9a2d1c3a72c471dd8724efa7d820f43dad447221b445c32ebe9ab28",
+    "sourceHash": "5c8a6878d3d38549d41f8161b92ffb555f3bf5c2d3defbade15932c4d11b6dea",
     "width": 1200,
-    "height": 800,
+    "height": 667,
     "variants": [
       {
-        "src": "/images/generated/text-forward/grey-street-dog-08cab93b-480.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-wide-5c8a6878-480.webp",
         "width": 480
       },
       {
-        "src": "/images/generated/text-forward/grey-street-dog-08cab93b-768.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-wide-5c8a6878-768.webp",
         "width": 768
       },
       {
-        "src": "/images/generated/text-forward/grey-street-dog-08cab93b-1080.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-wide-5c8a6878-1080.webp",
         "width": 1080
       },
       {
-        "src": "/images/generated/text-forward/grey-street-dog-08cab93b-1200.webp",
+        "src": "/images/generated/routes/040-statement/images/statement/sheepdog-wide-5c8a6878-1200.webp",
         "width": 1200
       }
     ]

package/examples/typography-presets/site/config.mjs

@@ -21,19 +21,6 @@ export default {
 			gallery: 'Images',
 		},
 	},
-	footer: {
-		copyrightMessage: 'Dog photos by Bicanski, CC0, via Pixnio.',
-		buildInfo: {
-			enabled: true,
-			text: 'Built',
-			dateTimeFormat: {
-				locale: 'en-GB',
-				timeZone: 'UTC',
-				dateStyle: 'short',
-				timeStyle: 'short',
-			},
-		},
-	},
 	github: {
 		repo: 'owner/typography-presets-example',
 		branch: 'main',

package/examples/typography-presets/site/content.md

@@ -1,134 +1,16 @@
 ---
 title: Typography Presets
-description: A Norna example page showing every built-in typography preset.
+description: Compare Norna's built-in typography presets across separate routes.
 navigation:
   label: Presets
-sections:
-  quiet-gallery:
-    presentation:
-      typography:
-        preset: quiet-gallery
-  compact-gallery:
-    presentation:
-      typography:
-        preset: compact-gallery
-  text-forward:
-    presentation:
-      typography:
-        preset: text-forward
-  statement:
-    presentation:
-      typography:
-        preset: statement
 ---
 
-## Quiet Gallery {#quiet-gallery}
+## Typography presets {#typography-presets}
 
-This section uses the `quiet-gallery` preset. Its purpose is to keep text
-restrained so images can carry much of the page without the typography
-competing for attention.
+Each preset belongs to a complete route theme. This keeps one page visually
+consistent while making the differences easy to compare:
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
-ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis
-interdum. Donec ullamcorper nulla non metus auctor fringilla.
-
-### Reading rhythm
-
-Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel
-scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod
-semper.
-
-```norna-image-stack
-- image: puppy-portrait.jpg
-  alt: A puppy sitting outdoors and looking toward the camera.
-  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.
-- image: shepherd-portrait.jpg
-  alt: A shepherd dog standing outdoors and looking toward the camera.
-  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.
-- image: white-puppy.jpg
-  alt: A white puppy outdoors in winter.
-  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.
-```
-
-## Compact Gallery {#compact-gallery}
-
-This section uses the `compact-gallery` preset. Its purpose is to make denser
-image-led pages easier to scan when a site contains many sections, many images
-or short information blocks.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia
-bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.
-
-### Dense sections
-
-Nullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac
-cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
-amet risus.
-
-```norna-image-stack
-- image: schnauzer-portrait.jpg
-  alt: A schnauzer-type dog sitting outdoors.
-  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.
-- image: black-schnauzer.jpg
-  alt: A black schnauzer-type dog standing on grass.
-  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.
-- image: retriever-portrait.jpg
-  alt: A retriever-type dog sitting outdoors.
-  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.
-```
-
-## Text Forward {#text-forward}
-
-This section uses the `text-forward` preset. Its purpose is to give longer
-explanatory text more presence while still supporting image captions and
-image-led sections.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere
-consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
-Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
-
-### Longer explanations
-
-Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio
-dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
-lacinia odio sem nec elit.
-
-```norna-image-stack
-- image: grass-puppy.jpg
-  alt: A puppy standing in green grass.
-  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.
-- image: grey-street-dog.jpg
-  alt: A grey dog standing on a paved street.
-  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.
-- image: boxer-portrait.jpg
-  alt: A brown boxer-type dog looking at the camera.
-  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.
-```
-
-## Statement {#statement}
-
-This section uses the `statement` preset. Its purpose is to make short,
-declarative sections feel more direct and programmatic. It is intentionally
-stronger than the other presets and should usually be used sparingly.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi
-porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus
-posuere velit aliquet.
-
-### Short emphasis
-
-Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean
-lacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius
-blandit sit amet non magna.
-
-```norna-image-stack
-- image: sheepdog-grass.jpg
-  alt: A sheepdog puppy sitting in green grass.
-  caption: Sheepdog puppy in grass. Photo by Bicanski, CC0, via Pixnio.
-- image: sheepdog-wide.jpg
-  alt: A sheepdog puppy lying outdoors.
-  caption: Sheepdog puppy outdoors. Photo by Bicanski, CC0, via Pixnio.
-- image: black-pedigree.jpg
-  alt: A black dog standing in grass.
-  caption: Black pedigree dog portrait. Photo by Bicanski, CC0, via Pixnio.
-```
+* [Quiet Gallery](/quiet-gallery/)
+* [Compact Gallery](/compact-gallery/)
+* [Text Forward](/text-forward/)
+* [Statement](/statement/)

package/examples/typography-presets/site/routes/010-quiet-gallery/route-content.md

@@ -0,0 +1,34 @@
+---
+title: Quiet Gallery
+description: A restrained typography preset for image-led pages.
+navigation:
+  label: Quiet Gallery
+---
+
+## Quiet Gallery {#quiet-gallery}
+
+This route uses the `quiet-gallery` preset. Its purpose is to keep text
+restrained so images can carry much of the page without the typography
+competing for attention.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
+ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis
+interdum. Donec ullamcorper nulla non metus auctor fringilla.
+
+### Reading rhythm
+
+Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel
+scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod
+semper.
+
+```norna-image-stack
+- image: puppy-portrait.jpg
+  alt: A puppy sitting outdoors and looking toward the camera.
+  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.
+- image: shepherd-portrait.jpg
+  alt: A shepherd dog standing outdoors and looking toward the camera.
+  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.
+- image: white-puppy.jpg
+  alt: A white puppy outdoors in winter.
+  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.
+```

package/examples/typography-presets/site/routes/010-quiet-gallery/theme.md

@@ -0,0 +1,4 @@
+---
+typography:
+  preset: quiet-gallery
+---

package/examples/typography-presets/site/routes/020-compact-gallery/route-content.md

@@ -0,0 +1,33 @@
+---
+title: Compact Gallery
+description: A compact typography preset for dense image-led pages.
+navigation:
+  label: Compact Gallery
+---
+
+## Compact Gallery {#compact-gallery}
+
+This route uses the `compact-gallery` preset. Its purpose is to make denser
+image-led pages easier to scan when a site contains many sections, many images
+or short information blocks.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia
+bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.
+
+### Dense sections
+
+Nullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac
+cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
+amet risus.
+
+```norna-image-stack
+- image: schnauzer-portrait.jpg
+  alt: A schnauzer-type dog sitting outdoors.
+  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.
+- image: black-schnauzer.jpg
+  alt: A black schnauzer-type dog standing on grass.
+  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.
+- image: retriever-portrait.jpg
+  alt: A retriever-type dog sitting outdoors.
+  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.
+```

package/examples/typography-presets/site/routes/020-compact-gallery/theme.md

@@ -0,0 +1,4 @@
+---
+typography:
+  preset: compact-gallery
+---

package/examples/typography-presets/site/routes/030-text-forward/route-content.md

@@ -0,0 +1,34 @@
+---
+title: Text Forward
+description: A typography preset for explanatory writing.
+navigation:
+  label: Text Forward
+---
+
+## Text Forward {#text-forward}
+
+This route uses the `text-forward` preset. Its purpose is to give longer
+explanatory text more presence while still supporting image captions and
+image-led sections.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere
+consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
+Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
+
+### Longer explanations
+
+Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio
+dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
+lacinia odio sem nec elit.
+
+```norna-image-stack
+- image: grass-puppy.jpg
+  alt: A puppy standing in green grass.
+  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.
+- image: grey-street-dog.jpg
+  alt: A grey dog standing on a paved street.
+  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.
+- image: boxer-portrait.jpg
+  alt: A brown boxer-type dog looking at the camera.
+  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.
+```