@janga/norna 0.7.9 → 0.7.10

package/examples/typography-presets/.astro/collections/sitewide.schema.json

@@ -0,0 +1,114 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "banners": {
+      "default": [],
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "pattern": "^[a-z0-9-]+$"
+          },
+          "tone": {
+            "default": "warning",
+            "type": "string",
+            "enum": [
+              "warning"
+            ]
+          },
+          "visible": {
+            "type": "object",
+            "properties": {
+              "from": {
+                "type": "string",
+                "pattern": "^\\d{4}-\\d{2}-\\d{2}$"
+              },
+              "until": {
+                "type": "string",
+                "pattern": "^\\d{4}-\\d{2}-\\d{2}$"
+              }
+            },
+            "additionalProperties": false
+          },
+          "title": {
+            "type": "string",
+            "minLength": 1
+          },
+          "text": {
+            "type": "string",
+            "minLength": 1
+          }
+        },
+        "required": [
+          "id",
+          "title",
+          "text"
+        ],
+        "additionalProperties": false
+      }
+    },
+    "footer": {
+      "type": "object",
+      "properties": {
+        "copyrightMessage": {
+          "type": "string",
+          "minLength": 1
+        },
+        "buildInfo": {
+          "type": "object",
+          "properties": {
+            "enabled": {
+              "default": true,
+              "type": "boolean"
+            },
+            "text": {
+              "type": "string",
+              "minLength": 1
+            },
+            "dateTimeFormat": {
+              "type": "object",
+              "properties": {
+                "locale": {
+                  "type": "string",
+                  "minLength": 1
+                },
+                "timeZone": {
+                  "type": "string",
+                  "minLength": 1
+                },
+                "dateStyle": {
+                  "type": "string",
+                  "minLength": 1
+                },
+                "timeStyle": {
+                  "type": "string",
+                  "minLength": 1
+                }
+              },
+              "required": [
+                "locale",
+                "timeZone",
+                "dateStyle",
+                "timeStyle"
+              ],
+              "additionalProperties": false
+            }
+          },
+          "required": [
+            "text",
+            "dateTimeFormat"
+          ],
+          "additionalProperties": false
+        }
+      },
+      "additionalProperties": false
+    },
+    "$schema": {
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}

package/examples/typography-presets/.astro/collections/theme.schema.json

@@ -2,16 +2,6 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "type": "object",
   "properties": {
-    "navigation": {
-      "type": "object",
-      "properties": {
-        "brand": {
-          "type": "string",
-          "minLength": 1
-        }
-      },
-      "additionalProperties": false
-    },
     "layout": {
       "type": "object",
       "properties": {
@@ -56,7 +46,7 @@
         "spacing": {
           "type": "object",
           "properties": {
-            "bodyToImages": {
+            "blockGap": {
               "anyOf": [
                 {
                   "type": "string",
@@ -134,6 +124,32 @@
                 }
               ]
             },
+            "headingToBlock": {
+              "anyOf": [
+                {
+                  "type": "string",
+                  "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)|clamp\\(\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*\\))$"
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "desktop": {
+                      "type": "string",
+                      "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)|clamp\\(\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*\\))$"
+                    },
+                    "mobile": {
+                      "type": "string",
+                      "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)|clamp\\(\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*\\))$"
+                    }
+                  },
+                  "required": [
+                    "desktop",
+                    "mobile"
+                  ],
+                  "additionalProperties": false
+                }
+              ]
+            },
             "imageGap": {
               "anyOf": [
                 {
@@ -329,6 +345,26 @@
                       "minimum": 1,
                       "maximum": 3
                     },
+                    "weight": {
+                      "anyOf": [
+                        {
+                          "type": "number",
+                          "const": 400
+                        },
+                        {
+                          "type": "number",
+                          "const": 500
+                        },
+                        {
+                          "type": "number",
+                          "const": 600
+                        },
+                        {
+                          "type": "number",
+                          "const": 700
+                        }
+                      ]
+                    },
                     "spacingBefore": {
                       "type": "string",
                       "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|ch|lh))$"
@@ -379,6 +415,26 @@
                       "minimum": 1,
                       "maximum": 3
                     },
+                    "weight": {
+                      "anyOf": [
+                        {
+                          "type": "number",
+                          "const": 400
+                        },
+                        {
+                          "type": "number",
+                          "const": 500
+                        },
+                        {
+                          "type": "number",
+                          "const": 600
+                        },
+                        {
+                          "type": "number",
+                          "const": 700
+                        }
+                      ]
+                    },
                     "spacingBefore": {
                       "type": "string",
                       "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|ch|lh))$"
@@ -429,6 +485,26 @@
                       "minimum": 1,
                       "maximum": 3
                     },
+                    "weight": {
+                      "anyOf": [
+                        {
+                          "type": "number",
+                          "const": 400
+                        },
+                        {
+                          "type": "number",
+                          "const": 500
+                        },
+                        {
+                          "type": "number",
+                          "const": 600
+                        },
+                        {
+                          "type": "number",
+                          "const": 700
+                        }
+                      ]
+                    },
                     "spacingBefore": {
                       "type": "string",
                       "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|ch|lh))$"
@@ -479,6 +555,26 @@
                       "minimum": 1,
                       "maximum": 3
                     },
+                    "weight": {
+                      "anyOf": [
+                        {
+                          "type": "number",
+                          "const": 400
+                        },
+                        {
+                          "type": "number",
+                          "const": 500
+                        },
+                        {
+                          "type": "number",
+                          "const": 600
+                        },
+                        {
+                          "type": "number",
+                          "const": 700
+                        }
+                      ]
+                    },
                     "spacingBefore": {
                       "type": "string",
                       "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|ch|lh))$"
@@ -532,6 +628,14 @@
                   "minimum": 1,
                   "maximum": 3
                 },
+                "width": {
+                  "type": "string",
+                  "enum": [
+                    "narrow",
+                    "normal",
+                    "wide"
+                  ]
+                },
                 "paragraphSpacing": {
                   "type": "string",
                   "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|ch|lh))$"
@@ -594,68 +698,66 @@
     "presentation": {
       "type": "object",
       "properties": {
-        "backgroundColor": {
-          "type": "string",
-          "pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
-        },
-        "textColor": {
+        "palette": {
           "type": "string",
-          "pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+          "enum": [
+            "dark",
+            "light",
+            "paper"
+          ]
         },
-        "inlineStyles": {
+        "sectionSurfaces": {
           "type": "object",
-          "propertyNames": {
-            "type": "string",
-            "pattern": "^[a-z][a-z0-9-]*$"
-          },
-          "additionalProperties": {
-            "type": "object",
-            "properties": {
-              "color": {
+          "properties": {
+            "mode": {
+              "type": "string",
+              "enum": [
+                "none",
+                "cycle"
+              ]
+            },
+            "sequence": {
+              "minItems": 1,
+              "maxItems": 3,
+              "type": "array",
+              "items": {
                 "type": "string",
-                "pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
+                "enum": [
+                  "base",
+                  "soft",
+                  "emphasis"
+                ]
               }
-            },
-            "required": [
-              "color"
-            ],
-            "additionalProperties": false
-          }
+            }
+          },
+          "required": [
+            "mode"
+          ],
+          "additionalProperties": false
         }
       },
       "additionalProperties": false
     },
-    "frame": {
+    "navigation": {
       "type": "object",
       "properties": {
-        "colors": {
-          "anyOf": [
-            {
+        "brand": {
+          "type": "string",
+          "minLength": 1
+        },
+        "logo": {
+          "type": "object",
+          "properties": {
+            "alt": {
               "type": "string",
-              "enum": [
-                "theme",
-                "presentation"
-              ]
+              "minLength": 1
             },
-            {
-              "type": "object",
-              "properties": {
-                "backgroundColor": {
-                  "type": "string",
-                  "pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
-                },
-                "textColor": {
-                  "type": "string",
-                  "pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
-                }
-              },
-              "required": [
-                "backgroundColor",
-                "textColor"
-              ],
-              "additionalProperties": false
+            "height": {
+              "type": "string",
+              "pattern": "^(?:0|(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)|clamp\\(\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*,\\s*(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:px|rem|em|vw|vh|vmin|vmax|ch|%)\\s*\\))$"
             }
-          ]
+          },
+          "additionalProperties": false
         }
       },
       "additionalProperties": false

package/examples/typography-presets/.astro/content.d.ts

@@ -132,6 +132,14 @@ declare module 'astro:content' {
   rendered?: RenderedContent;
   filePath?: string;
 }>;
+"sitewide": Record<string, {
+  id: string;
+  body?: string;
+  collection: "sitewide";
+  data: InferEntrySchema<"sitewide">;
+  rendered?: RenderedContent;
+  filePath?: string;
+}>;
 "theme": Record<string, {
   id: string;
   body?: string;

package/examples/typography-presets/.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2,9,10,86,87],"meta::meta",["Map",3,4,5,6,7,8],"astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":\"jsx\",\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":\"0.0.0.0\",\"port\":4321,\"allowedHosts\":[\"0.0.0.0\",\"0.0.0.0\",\"0.0.0.0\",\"0.0.0.0\"]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"dangerouslyProcessSVG\":false,\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"processor\":{\"name\":\"satteri\",\"options\":{\"mdastPlugins\":[],\"hastPlugins\":[],\"features\":{}}}},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[],\"csp\":false,\"actionBodySizeLimit\":1048576,\"serverIslandBodySizeLimit\":1048576},\"env\":{\"schema\":{},\"validateSecrets\":false},\"prerenderConflictBehavior\":\"warn\",\"fetchFile\":\"fetch\",\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"chromeDevtoolsWorkspace\":false,\"collectionStorage\":\"single-file\"},\"legacy\":{\"collectionsBackwardsCompat\":false}}","astro-version","7.1.3","content-config-digest","ccc39d7fb56a7431","site",["Map",11,12],"site-content",{"id":11,"data":13,"body":35,"filePath":36,"digest":37,"rendered":38},{"title":14,"description":15,"navigation":16,"sections":18},"Typography Presets","A Norna example page showing every built-in typography preset.",{"label":17},"Presets",{"quiet-gallery":19,"compact-gallery":23,"text-forward":27,"statement":31},{"presentation":20},{"typography":21},{"preset":22},"quiet-gallery",{"presentation":24},{"typography":25},{"preset":26},"compact-gallery",{"presentation":28},{"typography":29},{"preset":30},"text-forward",{"presentation":32},{"typography":33},{"preset":34},"statement","## Quiet Gallery {#quiet-gallery}\n\nThis section uses the `quiet-gallery` preset. Its purpose is to keep text\nrestrained so images can carry much of the page without the typography\ncompeting for attention.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a\nante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis\ninterdum. Donec ullamcorper nulla non metus auctor fringilla.\n\n### Reading rhythm\n\nCurabitur blandit tempus porttitor. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod\nsemper.\n\n```norna-image-stack\n- image: puppy-portrait.jpg\n  alt: A puppy sitting outdoors and looking toward the camera.\n  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: shepherd-portrait.jpg\n  alt: A shepherd dog standing outdoors and looking toward the camera.\n  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: white-puppy.jpg\n  alt: A white puppy outdoors in winter.\n  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\n```\n\n## Compact Gallery {#compact-gallery}\n\nThis section uses the `compact-gallery` preset. Its purpose is to make denser\nimage-led pages easier to scan when a site contains many sections, many images\nor short information blocks.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia\nbibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.\n\n### Dense sections\n\nNullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac\ncursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit\namet risus.\n\n```norna-image-stack\n- image: schnauzer-portrait.jpg\n  alt: A schnauzer-type dog sitting outdoors.\n  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: black-schnauzer.jpg\n  alt: A black schnauzer-type dog standing on grass.\n  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: retriever-portrait.jpg\n  alt: A retriever-type dog sitting outdoors.\n  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.\n```\n\n## Text Forward {#text-forward}\n\nThis section uses the `text-forward` preset. Its purpose is to give longer\nexplanatory text more presence while still supporting image captions and\nimage-led sections.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere\nconsectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.\nVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.\n\n### Longer explanations\n\nMorbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio\ndui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget\nlacinia odio sem nec elit.\n\n```norna-image-stack\n- image: grass-puppy.jpg\n  alt: A puppy standing in green grass.\n  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.\n- image: grey-street-dog.jpg\n  alt: A grey dog standing on a paved street.\n  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.\n- image: boxer-portrait.jpg\n  alt: A brown boxer-type dog looking at the camera.\n  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.\n```\n\n## Statement {#statement}\n\nThis section uses the `statement` preset. Its purpose is to make short,\ndeclarative sections feel more direct and programmatic. It is intentionally\nstronger than the other presets and should usually be used sparingly.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi\nporta gravida at eget metus. Integer posuere erat a ante venenatis dapibus\nposuere velit aliquet.\n\n### Short emphasis\n\nPraesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean\nlacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius\nblandit sit amet non magna.\n\n```norna-image-stack\n- image: sheepdog-grass.jpg\n  alt: A sheepdog puppy sitting in green grass.\n  caption: Sheepdog puppy in grass. Photo by Bicanski, CC0, via Pixnio.\n- image: sheepdog-wide.jpg\n  alt: A sheepdog puppy lying outdoors.\n  caption: Sheepdog puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\n- image: black-pedigree.jpg\n  alt: A black dog standing in grass.\n  caption: Black pedigree dog portrait. Photo by Bicanski, CC0, via Pixnio.\n```","site/content.md","a68e5ee7be3be768",{"html":39,"metadata":40},"\u003Ch2 id=\"quiet-gallery-quiet-gallery\">Quiet Gallery {#quiet-gallery}\u003C/h2>\n\u003Cp>This section uses the \u003Ccode>quiet-gallery\u003C/code> preset. Its purpose is to keep text\nrestrained so images can carry much of the page without the typography\ncompeting for attention.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a\nante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis\ninterdum. Donec ullamcorper nulla non metus auctor fringilla.\u003C/p>\n\u003Ch3 id=\"reading-rhythm\">Reading rhythm\u003C/h3>\n\u003Cp>Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod\nsemper.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: puppy-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A puppy sitting outdoors and looking toward the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: shepherd-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A shepherd dog standing outdoors and looking toward the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: white-puppy.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A white puppy outdoors in winter.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch2 id=\"compact-gallery-compact-gallery\">Compact Gallery {#compact-gallery}\u003C/h2>\n\u003Cp>This section uses the \u003Ccode>compact-gallery\u003C/code> preset. Its purpose is to make denser\nimage-led pages easier to scan when a site contains many sections, many images\nor short information blocks.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia\nbibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.\u003C/p>\n\u003Ch3 id=\"dense-sections\">Dense sections\u003C/h3>\n\u003Cp>Nullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac\ncursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit\namet risus.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: schnauzer-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A schnauzer-type dog sitting outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: black-schnauzer.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A black schnauzer-type dog standing on grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: retriever-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A retriever-type dog sitting outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch2 id=\"text-forward-text-forward\">Text Forward {#text-forward}\u003C/h2>\n\u003Cp>This section uses the \u003Ccode>text-forward\u003C/code> preset. Its purpose is to give longer\nexplanatory text more presence while still supporting image captions and\nimage-led sections.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere\nconsectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.\nVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.\u003C/p>\n\u003Ch3 id=\"longer-explanations\">Longer explanations\u003C/h3>\n\u003Cp>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio\ndui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget\nlacinia odio sem nec elit.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: grass-puppy.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A puppy standing in green grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: grey-street-dog.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A grey dog standing on a paved street.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: boxer-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A brown boxer-type dog looking at the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch2 id=\"statement-statement\">Statement {#statement}\u003C/h2>\n\u003Cp>This section uses the \u003Ccode>statement\u003C/code> preset. Its purpose is to make short,\ndeclarative sections feel more direct and programmatic. It is intentionally\nstronger than the other presets and should usually be used sparingly.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi\nporta gravida at eget metus. Integer posuere erat a ante venenatis dapibus\nposuere velit aliquet.\u003C/p>\n\u003Ch3 id=\"short-emphasis\">Short emphasis\u003C/h3>\n\u003Cp>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean\nlacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius\nblandit sit amet non magna.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: sheepdog-grass.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A sheepdog puppy sitting in green grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Sheepdog puppy in grass. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: sheepdog-wide.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A sheepdog puppy lying outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Sheepdog puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: black-pedigree.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A black dog standing in grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Black pedigree dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n",{"headings":41,"localImagePaths":68,"remoteImagePaths":69,"frontmatter":70,"imagePaths":85},[42,46,50,53,56,59,62,65],{"depth":43,"slug":44,"text":45},2,"quiet-gallery-quiet-gallery","Quiet Gallery {#quiet-gallery}",{"depth":47,"slug":48,"text":49},3,"reading-rhythm","Reading rhythm",{"depth":43,"slug":51,"text":52},"compact-gallery-compact-gallery","Compact Gallery {#compact-gallery}",{"depth":47,"slug":54,"text":55},"dense-sections","Dense sections",{"depth":43,"slug":57,"text":58},"text-forward-text-forward","Text Forward {#text-forward}",{"depth":47,"slug":60,"text":61},"longer-explanations","Longer explanations",{"depth":43,"slug":63,"text":64},"statement-statement","Statement {#statement}",{"depth":47,"slug":66,"text":67},"short-emphasis","Short emphasis",[],[],{"title":14,"description":15,"navigation":71,"sections":72},{"label":17},{"quiet-gallery":73,"compact-gallery":76,"text-forward":79,"statement":82},{"presentation":74},{"typography":75},{"preset":22},{"presentation":77},{"typography":78},{"preset":26},{"presentation":80},{"typography":81},{"preset":30},{"presentation":83},{"typography":84},{"preset":34},[],"theme",["Map",88,89],"site-theme",{"id":88,"data":90,"filePath":124,"digest":125,"rendered":126},{"navigation":91,"layout":92,"gallery":110,"typography":117,"presentation":119,"frame":122},{"brand":14},{"density":93,"pageWidth":94,"gutter":95,"spacing":98},"normal","1320px",{"desktop":96,"mobile":97},"clamp(1.25rem, 4vw, 3rem)","1rem",{"bodyToImages":99,"finalSectionBottom":101,"firstSectionTop":104,"imageGap":106,"sectionGap":109},{"desktop":100,"mobile":97},"1.25rem",{"desktop":102,"mobile":103},"clamp(2rem, 4vw, 3.5rem)","2rem",{"desktop":105,"mobile":97},"clamp(1.5rem, 3vw, 2.5rem)",{"desktop":107,"mobile":108},"clamp(1.25rem, 3vw, 2.25rem)","1.5rem",{"desktop":102,"mobile":103},{"width":111,"maxAvailableWidthPercent":112,"maxAvailableHeightPercent":114},"70vw",{"desktop":113,"mobile":113},100,{"desktop":115,"mobile":116},72,68,{"fontFamily":118,"preset":22,"rhythm":93},"Arial, 'Helvetica Neue', Helvetica, sans-serif",{"backgroundColor":120,"textColor":121},"#f8f5ee","#17201d",{"colors":123},"presentation","site/theme.md","0309eb6531ccc823",{"html":127,"metadata":128},"",{"headings":129,"localImagePaths":130,"remoteImagePaths":131,"frontmatter":132,"imagePaths":148},[],[],[],{"navigation":133,"layout":134,"gallery":142,"typography":145,"presentation":146,"frame":147},{"brand":14},{"density":93,"pageWidth":94,"gutter":135,"spacing":136},{"desktop":96,"mobile":97},{"firstSectionTop":137,"sectionGap":138,"finalSectionBottom":139,"bodyToImages":140,"imageGap":141},{"desktop":105,"mobile":97},{"desktop":102,"mobile":103},{"desktop":102,"mobile":103},{"desktop":100,"mobile":97},{"desktop":107,"mobile":108},{"width":111,"maxAvailableWidthPercent":143,"maxAvailableHeightPercent":144},{"desktop":113,"mobile":113},{"desktop":115,"mobile":116},{"fontFamily":118,"preset":22,"rhythm":93},{"backgroundColor":120,"textColor":121},{"colors":123},[]]
+[["Map",1,2,9,10,136,137,164,165],"meta::meta",["Map",3,4,5,6,7,8],"astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":\"jsx\",\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":\"0.0.0.0\",\"port\":4321,\"allowedHosts\":[\"0.0.0.0\",\"0.0.0.0\",\"0.0.0.0\",\"0.0.0.0\"]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"dangerouslyProcessSVG\":false,\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"processor\":{\"name\":\"satteri\",\"options\":{\"mdastPlugins\":[],\"hastPlugins\":[],\"features\":{}}}},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[],\"csp\":false,\"actionBodySizeLimit\":1048576,\"serverIslandBodySizeLimit\":1048576},\"env\":{\"schema\":{},\"validateSecrets\":false},\"prerenderConflictBehavior\":\"warn\",\"fetchFile\":\"fetch\",\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"chromeDevtoolsWorkspace\":false,\"collectionStorage\":\"single-file\"},\"legacy\":{\"collectionsBackwardsCompat\":false}}","astro-version","7.1.3","content-config-digest","dc925ef2224eac7b","site",["Map",11,12,35,36,61,62,86,87,111,112],"site-content",{"id":11,"data":13,"body":19,"filePath":20,"digest":21,"rendered":22},{"title":14,"description":15,"navigation":16,"sections":18},"Typography Presets","Compare Norna's built-in typography presets across separate routes.",{"label":17},"Presets",{},"## Typography presets {#typography-presets}\n\nEach preset belongs to a complete route theme. This keeps one page visually\nconsistent while making the differences easy to compare:\n\n* [Quiet Gallery](/quiet-gallery/)\n* [Compact Gallery](/compact-gallery/)\n* [Text Forward](/text-forward/)\n* [Statement](/statement/)","site/content.md","0dcfe96b793f3f74",{"html":23,"metadata":24},"\u003Ch2 id=\"typography-presets-typography-presets\">Typography presets {#typography-presets}\u003C/h2>\n\u003Cp>Each preset belongs to a complete route theme. This keeps one page visually\nconsistent while making the differences easy to compare:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Ca href=\"/quiet-gallery/\">Quiet Gallery\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"/compact-gallery/\">Compact Gallery\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"/text-forward/\">Text Forward\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"/statement/\">Statement\u003C/a>\u003C/li>\n\u003C/ul>\n",{"headings":25,"localImagePaths":30,"remoteImagePaths":31,"frontmatter":32,"imagePaths":34},[26],{"depth":27,"slug":28,"text":29},2,"typography-presets-typography-presets","Typography presets {#typography-presets}",[],[],{"title":14,"description":15,"navigation":33},{"label":17},[],"site-route-010-quiet-gallery",{"id":35,"data":37,"body":42,"filePath":43,"digest":44,"rendered":45},{"title":38,"description":39,"navigation":40,"sections":41},"Quiet Gallery","A restrained typography preset for image-led pages.",{"label":38},{},"## Quiet Gallery {#quiet-gallery}\n\nThis route uses the `quiet-gallery` preset. Its purpose is to keep text\nrestrained so images can carry much of the page without the typography\ncompeting for attention.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a\nante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis\ninterdum. Donec ullamcorper nulla non metus auctor fringilla.\n\n### Reading rhythm\n\nCurabitur blandit tempus porttitor. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod\nsemper.\n\n```norna-image-stack\n- image: puppy-portrait.jpg\n  alt: A puppy sitting outdoors and looking toward the camera.\n  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: shepherd-portrait.jpg\n  alt: A shepherd dog standing outdoors and looking toward the camera.\n  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: white-puppy.jpg\n  alt: A white puppy outdoors in winter.\n  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\n```","site/routes/010-quiet-gallery/route-content.md","74389d7237b9a4c0",{"html":46,"metadata":47},"\u003Ch2 id=\"quiet-gallery-quiet-gallery\">Quiet Gallery {#quiet-gallery}\u003C/h2>\n\u003Cp>This route uses the \u003Ccode>quiet-gallery\u003C/code> preset. Its purpose is to keep text\nrestrained so images can carry much of the page without the typography\ncompeting for attention.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a\nante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis\ninterdum. Donec ullamcorper nulla non metus auctor fringilla.\u003C/p>\n\u003Ch3 id=\"reading-rhythm\">Reading rhythm\u003C/h3>\n\u003Cp>Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod\nsemper.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: puppy-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A puppy sitting outdoors and looking toward the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Puppy portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: shepherd-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A shepherd dog standing outdoors and looking toward the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Shepherd dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: white-puppy.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A white puppy outdoors in winter.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: White puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n",{"headings":48,"localImagePaths":56,"remoteImagePaths":57,"frontmatter":58,"imagePaths":60},[49,52],{"depth":27,"slug":50,"text":51},"quiet-gallery-quiet-gallery","Quiet Gallery {#quiet-gallery}",{"depth":53,"slug":54,"text":55},3,"reading-rhythm","Reading rhythm",[],[],{"title":38,"description":39,"navigation":59},{"label":38},[],"site-route-020-compact-gallery",{"id":61,"data":63,"body":68,"filePath":69,"digest":70,"rendered":71},{"title":64,"description":65,"navigation":66,"sections":67},"Compact Gallery","A compact typography preset for dense image-led pages.",{"label":64},{},"## Compact Gallery {#compact-gallery}\n\nThis route uses the `compact-gallery` preset. Its purpose is to make denser\nimage-led pages easier to scan when a site contains many sections, many images\nor short information blocks.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia\nbibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.\n\n### Dense sections\n\nNullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac\ncursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit\namet risus.\n\n```norna-image-stack\n- image: schnauzer-portrait.jpg\n  alt: A schnauzer-type dog sitting outdoors.\n  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: black-schnauzer.jpg\n  alt: A black schnauzer-type dog standing on grass.\n  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.\n- image: retriever-portrait.jpg\n  alt: A retriever-type dog sitting outdoors.\n  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.\n```","site/routes/020-compact-gallery/route-content.md","30ac7f3a4acbc632",{"html":72,"metadata":73},"\u003Ch2 id=\"compact-gallery-compact-gallery\">Compact Gallery {#compact-gallery}\u003C/h2>\n\u003Cp>This route uses the \u003Ccode>compact-gallery\u003C/code> preset. Its purpose is to make denser\nimage-led pages easier to scan when a site contains many sections, many images\nor short information blocks.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia\nbibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.\u003C/p>\n\u003Ch3 id=\"dense-sections\">Dense sections\u003C/h3>\n\u003Cp>Nullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac\ncursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit\namet risus.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: schnauzer-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A schnauzer-type dog sitting outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Schnauzer portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: black-schnauzer.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A black schnauzer-type dog standing on grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Black hunting dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: retriever-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A retriever-type dog sitting outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Retriever portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n",{"headings":74,"localImagePaths":81,"remoteImagePaths":82,"frontmatter":83,"imagePaths":85},[75,78],{"depth":27,"slug":76,"text":77},"compact-gallery-compact-gallery","Compact Gallery {#compact-gallery}",{"depth":53,"slug":79,"text":80},"dense-sections","Dense sections",[],[],{"title":64,"description":65,"navigation":84},{"label":64},[],"site-route-030-text-forward",{"id":86,"data":88,"body":93,"filePath":94,"digest":95,"rendered":96},{"title":89,"description":90,"navigation":91,"sections":92},"Text Forward","A typography preset for explanatory writing.",{"label":89},{},"## Text Forward {#text-forward}\n\nThis route uses the `text-forward` preset. Its purpose is to give longer\nexplanatory text more presence while still supporting image captions and\nimage-led sections.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere\nconsectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.\nVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.\n\n### Longer explanations\n\nMorbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio\ndui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget\nlacinia odio sem nec elit.\n\n```norna-image-stack\n- image: grass-puppy.jpg\n  alt: A puppy standing in green grass.\n  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.\n- image: grey-street-dog.jpg\n  alt: A grey dog standing on a paved street.\n  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.\n- image: boxer-portrait.jpg\n  alt: A brown boxer-type dog looking at the camera.\n  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.\n```","site/routes/030-text-forward/route-content.md","e4b0947da73ac83b",{"html":97,"metadata":98},"\u003Ch2 id=\"text-forward-text-forward\">Text Forward {#text-forward}\u003C/h2>\n\u003Cp>This route uses the \u003Ccode>text-forward\u003C/code> preset. Its purpose is to give longer\nexplanatory text more presence while still supporting image captions and\nimage-led sections.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere\nconsectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.\nVivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.\u003C/p>\n\u003Ch3 id=\"longer-explanations\">Longer explanations\u003C/h3>\n\u003Cp>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio\ndui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget\nlacinia odio sem nec elit.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: grass-puppy.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A puppy standing in green grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Puppy in grass. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: grey-street-dog.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A grey dog standing on a paved street.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Grey dog on pavement. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: boxer-portrait.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A brown boxer-type dog looking at the camera.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Brown dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n",{"headings":99,"localImagePaths":106,"remoteImagePaths":107,"frontmatter":108,"imagePaths":110},[100,103],{"depth":27,"slug":101,"text":102},"text-forward-text-forward","Text Forward {#text-forward}",{"depth":53,"slug":104,"text":105},"longer-explanations","Longer explanations",[],[],{"title":89,"description":90,"navigation":109},{"label":89},[],"site-route-040-statement",{"id":111,"data":113,"body":118,"filePath":119,"digest":120,"rendered":121},{"title":114,"description":115,"navigation":116,"sections":117},"Statement","A stronger typography preset for short declarative content.",{"label":114},{},"## Statement {#statement}\n\nThis route uses the `statement` preset. Its purpose is to make short,\ndeclarative sections feel more direct and programmatic. It is intentionally\nstronger than the other presets and should usually be used sparingly.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi\nporta gravida at eget metus. Integer posuere erat a ante venenatis dapibus\nposuere velit aliquet.\n\n### Short emphasis\n\nPraesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean\nlacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius\nblandit sit amet non magna.\n\n```norna-image-stack\n- image: sheepdog-grass.jpg\n  alt: A sheepdog puppy sitting in green grass.\n  caption: Sheepdog puppy in grass. Photo by Bicanski, CC0, via Pixnio.\n- image: sheepdog-wide.jpg\n  alt: A sheepdog puppy lying outdoors.\n  caption: Sheepdog puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\n- image: black-pedigree.jpg\n  alt: A black dog standing in grass.\n  caption: Black pedigree dog portrait. Photo by Bicanski, CC0, via Pixnio.\n```","site/routes/040-statement/route-content.md","216d2020555c7c45",{"html":122,"metadata":123},"\u003Ch2 id=\"statement-statement\">Statement {#statement}\u003C/h2>\n\u003Cp>This route uses the \u003Ccode>statement\u003C/code> preset. Its purpose is to make short,\ndeclarative sections feel more direct and programmatic. It is intentionally\nstronger than the other presets and should usually be used sparingly.\u003C/p>\n\u003Cp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id elit non mi\nporta gravida at eget metus. Integer posuere erat a ante venenatis dapibus\nposuere velit aliquet.\u003C/p>\n\u003Ch3 id=\"short-emphasis\">Short emphasis\u003C/h3>\n\u003Cp>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean\nlacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius\nblandit sit amet non magna.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>- image: sheepdog-grass.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A sheepdog puppy sitting in green grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Sheepdog puppy in grass. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: sheepdog-wide.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A sheepdog puppy lying outdoors.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Sheepdog puppy outdoors. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>- image: black-pedigree.jpg\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  alt: A black dog standing in grass.\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>  caption: Black pedigree dog portrait. Photo by Bicanski, CC0, via Pixnio.\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n",{"headings":124,"localImagePaths":131,"remoteImagePaths":132,"frontmatter":133,"imagePaths":135},[125,128],{"depth":27,"slug":126,"text":127},"statement-statement","Statement {#statement}",{"depth":53,"slug":129,"text":130},"short-emphasis","Short emphasis",[],[],{"title":114,"description":115,"navigation":134},{"label":114},[],"sitewide",["Map",138,139],"site-sitewide",{"id":138,"data":140,"filePath":151,"digest":152,"rendered":153},{"banners":141,"footer":142},[],{"copyrightMessage":143,"buildInfo":144},"Dog photos by Bicanski, CC0, via Pixnio.",{"enabled":145,"text":146,"dateTimeFormat":147},true,"Built",{"locale":148,"timeZone":149,"dateStyle":150,"timeStyle":150},"en-GB","UTC","short","site/sitewide-content.md","9c18371cff73ae4d",{"html":154,"metadata":155},"",{"headings":156,"localImagePaths":157,"remoteImagePaths":158,"frontmatter":159,"imagePaths":163},[],[],[],{"footer":160},{"copyrightMessage":143,"buildInfo":161},{"enabled":145,"text":146,"dateTimeFormat":162},{"locale":148,"timeZone":149,"dateStyle":150,"timeStyle":150},[],"theme",["Map",166,167],"theme.md",{"id":166,"data":168,"filePath":206,"digest":207,"rendered":208},{"layout":169,"gallery":191,"typography":198,"presentation":201,"navigation":205},{"density":170,"pageWidth":171,"gutter":172,"spacing":175},"normal","1320px",{"desktop":173,"mobile":174},"clamp(1.25rem, 4vw, 3rem)","1rem",{"blockGap":176,"finalSectionBottom":179,"firstSectionTop":182,"headingToBlock":184,"imageGap":187,"sectionGap":190},{"desktop":177,"mobile":178},"1.5em","1.25em",{"desktop":180,"mobile":181},"clamp(2rem, 4vw, 3.5rem)","2rem",{"desktop":183,"mobile":174},"clamp(1.5rem, 3vw, 2.5rem)",{"desktop":185,"mobile":186},"0.75em","0.7em",{"desktop":188,"mobile":189},"clamp(1.25rem, 3vw, 2.25rem)","1.5rem",{"desktop":180,"mobile":181},{"width":192,"maxAvailableWidthPercent":193,"maxAvailableHeightPercent":195},"70vw",{"desktop":194,"mobile":194},100,{"desktop":196,"mobile":197},72,68,{"fontFamily":199,"preset":200,"rhythm":170},"Arial, 'Helvetica Neue', Helvetica, sans-serif","quiet-gallery",{"palette":202,"sectionSurfaces":203},"paper",{"mode":204},"cycle",{"brand":14},"site/theme.md","54c1f2517b628e5f",{"html":154,"metadata":209},{"headings":210,"localImagePaths":211,"remoteImagePaths":212,"frontmatter":213,"imagePaths":230},[],[],[],{"navigation":214,"layout":215,"gallery":224,"typography":227,"presentation":228},{"brand":14},{"density":170,"pageWidth":171,"gutter":216,"spacing":217},{"desktop":173,"mobile":174},{"firstSectionTop":218,"sectionGap":219,"finalSectionBottom":220,"headingToBlock":221,"blockGap":222,"imageGap":223},{"desktop":183,"mobile":174},{"desktop":180,"mobile":181},{"desktop":180,"mobile":181},{"desktop":185,"mobile":186},{"desktop":177,"mobile":178},{"desktop":188,"mobile":189},{"width":192,"maxAvailableWidthPercent":225,"maxAvailableHeightPercent":226},{"desktop":194,"mobile":194},{"desktop":196,"mobile":197},{"fontFamily":199,"preset":200,"rhythm":170},{"palette":202,"sectionSurfaces":229},{"mode":204},[]]

package/examples/typography-presets/.astro/dev-local.json

@@ -1,8 +1,8 @@
 {
-  "pid": 30816,
+  "pid": 6298,
   "port": 4321,
   "host": "0.0.0.0",
   "mode": "lan",
   "url": "http://127.0.0.1:4321/",
-  "startedAt": "2026-08-16T09:11:02.562Z"
+  "startedAt": "2026-08-19T19:41:41.296Z"
 }

package/examples/typography-presets/.astro/dev.json

@@ -1,5 +1,5 @@
 {
-	"pid": 30816,
+	"pid": 6298,
 	"port": 4321,
 	"url": "http://localhost:4321",
 	"urls": {
@@ -11,5 +11,5 @@
 		]
 	},
 	"background": true,
-	"startedAt": "2026-08-16T09:11:02.237Z"
+	"startedAt": "2026-08-19T19:41:40.916Z"
 }

package/examples/typography-presets/.astro/dev.log

@@ -1,24 +1,45 @@
-11:11:01 [vite] connected.
-11:11:01 [types] Generated 0ms
-11:11:01 [vite] connected.
-11:11:02 [content] Syncing content
-11:11:02 [content] Astro config changed
-11:11:02 [content] Clearing content store
+21:41:39 [vite] connected.
+21:41:40 [types] Generated 1ms
+21:41:40 [vite] connected.
+21:41:40 [content] Syncing content
+21:41:40 [content] Content config changed
+21:41:40 [content] Clearing content store
 [Shiki] The language "norna-image-stack" doesn't exist, falling back to "plaintext".
 [Shiki] The language "norna-image-stack" doesn't exist, falling back to "plaintext".
 [Shiki] The language "norna-image-stack" doesn't exist, falling back to "plaintext".
 [Shiki] The language "norna-image-stack" doesn't exist, falling back to "plaintext".
-11:11:02 [content] Synced content
- astro  v7.1.3 ready in 1095 ms
+21:41:40 [content] Synced content
+ astro  v7.1.3 ready in 1280 ms
 ┃ Local    http://localhost:4321/
 ┃ Network  http://192.168.1.102:4321/
-11:11:02 watching for file changes...
-11:11:02 [200] / 50ms
-11:11:02 [200] / 6ms
-11:11:02 [200] / 7ms
-11:12:06 [200] / 9ms
-11:12:06 [WARN] [router] A `getStaticPaths()` route pattern was matched, but no matching static path was found for requested path `/favicon.ico`.
+21:41:40 watching for file changes...
+21:41:41 [200] / 52ms
+21:41:41 [200] / 10ms
+21:41:41 [200] / 7ms
+21:41:52 [200] /quiet-gallery/ 24ms
+21:41:53 [200] /compact-gallery/ 11ms
+21:41:54 [200] /text-forward/ 10ms
+21:41:55 [200] /statement/ 9ms
+21:42:03 [200] / 10ms
+21:42:53 [200] /quiet-gallery/ 10ms
+21:43:00 [200] /compact-gallery/ 9ms
+21:43:24 [200] /statement/ 9ms
+21:43:26 [WARN] [router] A `getStaticPaths()` route pattern was matched, but no matching static path was found for requested path `/presets/`.
 
 Possible dynamic routes being matched: ../../src/pages/[slug].astro.
-11:16:24 [200] / 10ms
-11:21:16 [200] / 8ms
+21:43:26 [404] /presets/ 2ms
+21:43:28 [WARN] [router] A `getStaticPaths()` route pattern was matched, but no matching static path was found for requested path `/presets/`.
+
+Possible dynamic routes being matched: ../../src/pages/[slug].astro.
+21:43:28 [404] /presets/ 1ms
+21:43:32 [200] / 6ms
+21:43:42 [404] /norna/links/ 1ms
+21:45:40 [200] /quiet-gallery/ 12ms
+21:45:44 [200] / 9ms
+21:45:47 [200] /quiet-gallery/ 9ms
+21:45:48 [200] /compact-gallery/ 9ms
+21:45:50 [200] / 8ms
+21:45:52 [200] /quiet-gallery/ 8ms
+21:45:54 [200] /compact-gallery/ 9ms
+21:45:57 [200] /text-forward/ 9ms
+21:45:58 [200] /statement/ 9ms