@supersoniks/concorde 5.1.0 → 5.1.1

package/.taste-skill/prod/report.json

@@ -0,0 +1,1973 @@
+{
+ "url": "/tmp/claude-1000/-usr2-sites-concorde/96361c46-4223-49ad-ba53-79b94852041f/scratchpad/docs-prod/index.html",
+ "at": "2026-10-25T16:31:06.974Z",
+ "allow": [],
+ "viewports": [
+  {
+   "width": 1440,
+   "height": 900,
+   "load": "load",
+   "screens": 10,
+   "filled": [
+    0.44,
+    0.49,
+    0.65,
+    0.39,
+    0.43,
+    0.33,
+    0.46,
+    0.56,
+    0.28,
+    0.23
+   ],
+   "motion": {
+    "elements": 22,
+    "css": 8,
+    "transitions": 14,
+    "scripted": 0,
+    "videos": 1,
+    "playingVideos": 1
+   },
+   "metrics": {
+    "viewport": {
+     "w": 1440,
+     "h": 900
+    },
+    "page": {
+     "height": 8116,
+     "screens": 9,
+     "words": 698,
+     "img": 1,
+     "video": 1,
+     "canvas": 0,
+     "svg": 0,
+     "sections": 5,
+     "horizontalOverflow": 0,
+     "overflowCulprits": [],
+     "uiFragments": 3,
+     "uiAbuse": false,
+     "realPictures": 2,
+     "videoCount": 1,
+     "uiPictures": 2,
+     "pictureSamples": [
+      "24-02-69-concorde-roule-1969.jpg"
+     ],
+     "blendText": 0,
+     "sideScrollers": 0,
+     "brokenImages": [],
+     "emoji": [],
+     "videosNoPoster": 0
+    },
+    "hero": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "chars": 31,
+     "lines": 2,
+     "size": 97,
+     "vw": 6.7,
+     "font": "Schibsted Grotesk",
+     "weight": 800,
+     "tracking": -0.05,
+     "leading": 0.88,
+     "upper": false,
+     "italic": false,
+     "mono": false,
+     "align": "left",
+     "position": "left",
+     "widthRatio": 0.62,
+     "top": 138,
+     "tag": "h1",
+     "kind": "heading"
+    },
+    "h1": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "lines": 2,
+     "size": 97,
+     "font": "Schibsted Grotesk"
+    },
+    "headings": [
+     {
+      "text": "Web components for every stack.",
+      "words": 5,
+      "chars": 31,
+      "lines": 2,
+      "size": 97,
+      "vw": 6.7,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.05,
+      "leading": 0.88,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.62,
+      "top": 138,
+      "tag": "h1",
+      "kind": "heading"
+     },
+     {
+      "text": "CDG",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 48,
+      "vw": 3.3,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.07,
+      "top": 710,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "JFK",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 48,
+      "vw": 3.3,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "right",
+      "position": "right",
+      "widthRatio": 0.06,
+      "top": 710,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "41 components, one tag each.",
+      "words": 5,
+      "chars": 28,
+      "lines": 2,
+      "size": 68,
+      "vw": 4.7,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.34,
+      "top": 1073,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Plumbing in attributes.",
+      "words": 3,
+      "chars": 23,
+      "lines": 2,
+      "size": 68,
+      "vw": 4.7,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "right",
+      "widthRatio": 0.5,
+      "top": 2793,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Why we built it.",
+      "words": 4,
+      "chars": 16,
+      "lines": 1,
+      "size": 68,
+      "vw": 4.7,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.38,
+      "top": 5435,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Take your project supersonic.",
+      "words": 4,
+      "chars": 29,
+      "lines": 1,
+      "size": 68,
+      "vw": 4.7,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.94,
+      "top": 6935,
+      "tag": "h2",
+      "kind": "heading"
+     }
+    ],
+    "headingSummary": {
+     "count": 7,
+     "maxLines": 2,
+     "over2Lines": 0,
+     "statements": 0,
+     "centered": 0,
+     "medianWords": 4,
+     "mixedFontHeadings": 0
+    },
+    "type": {
+     "families": [
+      {
+       "family": "Schibsted Grotesk",
+       "share": 0.9,
+       "mono": false
+      },
+      {
+       "family": "ui-monospace",
+       "share": 0.1,
+       "mono": false
+      }
+     ],
+     "familyCount": 2,
+     "sizes": [
+      14,
+      16,
+      18,
+      19,
+      26,
+      68,
+      97
+     ],
+     "sizeCount": 7,
+     "notLoaded": [],
+     "body": {
+      "font": "Schibsted Grotesk",
+      "size": 19,
+      "leading": 1.45,
+      "weight": 400,
+      "tracking": 0,
+      "contrast": 15.4
+     },
+     "measureChars": 64,
+     "max": {
+      "size": 97,
+      "vw": 6.7,
+      "font": "Schibsted Grotesk",
+      "text": "Web componentsfor every stack."
+     },
+     "monoShare": 0.1,
+     "monoProseShare": 0,
+     "monoFamilies": [
+      "ui-monospace"
+     ],
+     "monoSamples": [],
+     "microLabels": 0,
+     "microLabelShare": 0,
+     "microSamples": [],
+     "upperShare": 0.01,
+     "centerShare": 0,
+     "smallText": 0
+    },
+    "eyebrows": [],
+    "numbered": [],
+    "color": {
+     "bodyBg": "#e9e8e4",
+     "bodyBgHsl": {
+      "h": 48,
+      "s": 0.1,
+      "l": 0.9
+     },
+     "dark": false,
+     "sectionBgs": [
+      {
+       "color": "#ff4f00",
+       "top": 381,
+       "hsl": {
+        "h": 19,
+        "s": 1,
+        "l": 0.5
+       }
+      },
+      {
+       "color": "#111111",
+       "top": 2793,
+       "hsl": {
+        "h": 0,
+        "s": 0,
+        "l": 0.07
+       }
+      }
+     ],
+     "textColors": [
+      {
+       "color": "#111111",
+       "share": 0.97
+      },
+      {
+       "color": "#e9e8e4",
+       "share": 0.02
+      },
+      {
+       "color": "#ffffff",
+       "share": 0
+      },
+      {
+       "color": "#e8501c",
+       "share": 0
+      }
+     ],
+     "button": null,
+     "lowContrast": []
+    },
+    "buttons": {
+     "count": 0,
+     "inHero": 0,
+     "withShadow": 0,
+     "withGradient": 0,
+     "mono": 0,
+     "upper": 0,
+     "heroLabels": []
+    },
+    "surfaces": {
+     "shadowStatic": 0,
+     "shadowOverlay": 0,
+     "shadowSamples": [],
+     "gradients": 0,
+     "scrims": 0,
+     "gradientSamples": [],
+     "gradientText": 0,
+     "hairlines": 0,
+     "hairlineSamples": [],
+     "outlinedBoxes": 0,
+     "dashed": 0,
+     "blurred": 0,
+     "roundedBoxes": 0,
+     "boxRadius": 0,
+     "squareMedia": 2,
+     "roundedMedia": 0,
+     "mediaRadius": 0,
+     "textShadow": 0,
+     "cardRows": [
+      {
+       "count": 20,
+       "iconTopped": false,
+       "rounded": false,
+       "top": 1258
+      }
+     ]
+    },
+    "heroMedia": [],
+    "nav": {
+     "links": 0,
+     "fixed": false,
+     "height": 20,
+     "floatingPill": false,
+     "blur": false
+    },
+    "fontsLoaded": [
+     "schibsted grotesk"
+    ]
+   },
+   "layout": {
+    "viewport": {
+     "w": 1440,
+     "h": 900
+    },
+    "pageH": 8116,
+    "margins": {
+     "left": 40,
+     "right": 65
+    },
+    "sections": [
+     {
+      "sel": "section.hero",
+      "tag": "section",
+      "top": 66,
+      "height": 830,
+      "words": 56,
+      "media": 0,
+      "middle": 144,
+      "heading": {
+       "text": "Web components",
+       "size": 97,
+       "tag": "h1"
+      },
+      "left": 40,
+      "right": 167,
+      "textLeft": 40,
+      "textRight": 167,
+      "fullBleed": false,
+      "footer": false,
+      "hero": true,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "div.index-head.is-visible",
+      "tag": "div",
+      "top": 1073,
+      "height": 129,
+      "words": 2,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 1265,
+      "right": 59,
+      "textLeft": 1265,
+      "textRight": 59,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.index-body",
+      "tag": "div",
+      "top": 1258,
+      "height": 1357,
+      "words": 304,
+      "media": 0,
+      "middle": 110,
+      "heading": null,
+      "left": 61,
+      "right": 57,
+      "textLeft": 61,
+      "textRight": 57,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "section.instruments",
+      "tag": "section",
+      "top": 2793,
+      "height": 2464,
+      "words": 145,
+      "media": 0,
+      "middle": 188,
+      "heading": {
+       "text": "Plumbing in attributes.",
+       "size": 68,
+       "tag": "h2"
+      },
+      "left": 116,
+      "right": 104,
+      "textLeft": 116,
+      "textRight": 104,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": true
+     },
+     {
+      "sel": "div.letter",
+      "tag": "div",
+      "top": 5435,
+      "height": 513,
+      "words": 115,
+      "media": 0,
+      "middle": 0,
+      "heading": {
+       "text": "The Supersoniks team",
+       "size": 26,
+       "tag": "p"
+      },
+      "left": 644,
+      "right": 190,
+      "textLeft": 644,
+      "textRight": 190,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "figure.story-figure.settle",
+      "tag": "figure",
+      "top": 6034,
+      "height": 723,
+      "words": 12,
+      "media": 1,
+      "middle": 0,
+      "heading": null,
+      "left": 40,
+      "right": 951,
+      "textLeft": 40,
+      "textRight": 951,
+      "fullBleed": true,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "section.takeoff",
+      "tag": "section",
+      "top": 6758,
+      "height": 1056,
+      "words": 34,
+      "media": 1,
+      "middle": 0,
+      "heading": {
+       "text": "Take your project supersonic.",
+       "size": 68,
+       "tag": "h2"
+      },
+      "left": 40,
+      "right": 257,
+      "textLeft": 40,
+      "textRight": 257,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "footer.home-footer",
+      "tag": "footer",
+      "top": 7813,
+      "height": 302,
+      "words": 47,
+      "media": 0,
+      "middle": 88,
+      "heading": null,
+      "left": 40,
+      "right": 40,
+      "textLeft": 40,
+      "textRight": 40,
+      "fullBleed": false,
+      "footer": true,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     }
+    ],
+    "gaps": [],
+    "h1s": [
+     {
+      "text": "Web components for every stack.",
+      "size": 97,
+      "top": 138,
+      "firstScreen": true
+     }
+    ],
+    "edgeText": [],
+    "edges": [
+     {
+      "x": 40,
+      "n": 7
+     },
+     {
+      "x": 640,
+      "n": 5
+     },
+     {
+      "x": 792,
+      "n": 5
+     }
+    ],
+    "leftBlocks": 17,
+    "bodySize": 14,
+    "stage": false,
+    "explains": true,
+    "slivers": [],
+    "voidShare": 0.23,
+    "voidBox": {
+     "x": 900,
+     "y": 120,
+     "w": 540,
+     "h": 540
+    }
+   },
+   "app": null,
+   "consoleErrors": []
+  },
+  {
+   "width": 768,
+   "height": 1024,
+   "load": "load",
+   "screens": 9,
+   "filled": [
+    0.47,
+    0.55,
+    0.61,
+    0.66,
+    0.48,
+    0.23,
+    0.48,
+    0.72,
+    0.46
+   ],
+   "motion": {
+    "elements": 22,
+    "css": 8,
+    "transitions": 14,
+    "scripted": 0,
+    "videos": 1,
+    "playingVideos": 1
+   },
+   "metrics": {
+    "viewport": {
+     "w": 768,
+     "h": 1024
+    },
+    "page": {
+     "height": 9067,
+     "screens": 8.9,
+     "words": 698,
+     "img": 1,
+     "video": 1,
+     "canvas": 0,
+     "svg": 0,
+     "sections": 5,
+     "horizontalOverflow": 0,
+     "overflowCulprits": [],
+     "uiFragments": 3,
+     "uiAbuse": false,
+     "realPictures": 2,
+     "videoCount": 1,
+     "uiPictures": 2,
+     "pictureSamples": [
+      "24-02-69-concorde-roule-1969.jpg"
+     ],
+     "blendText": 0,
+     "sideScrollers": 0,
+     "brokenImages": [],
+     "emoji": [],
+     "videosNoPoster": 0
+    },
+    "hero": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "chars": 31,
+     "lines": 2,
+     "size": 60.7,
+     "vw": 7.9,
+     "font": "Schibsted Grotesk",
+     "weight": 800,
+     "tracking": -0.05,
+     "leading": 0.88,
+     "upper": false,
+     "italic": false,
+     "mono": false,
+     "align": "left",
+     "position": "center",
+     "widthRatio": 0.94,
+     "top": 148,
+     "tag": "h1",
+     "kind": "heading"
+    },
+    "h1": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "lines": 2,
+     "size": 60.7,
+     "font": "Schibsted Grotesk"
+    },
+    "headings": [
+     {
+      "text": "Web components for every stack.",
+      "words": 5,
+      "chars": 31,
+      "lines": 2,
+      "size": 60.7,
+      "vw": 7.9,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.05,
+      "leading": 0.88,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.94,
+      "top": 148,
+      "tag": "h1",
+      "kind": "heading"
+     },
+     {
+      "text": "CDG",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 48,
+      "vw": 6.3,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.13,
+      "top": 914,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "JFK",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 48,
+      "vw": 6.3,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "right",
+      "position": "right",
+      "widthRatio": 0.11,
+      "top": 914,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "41 components, one tag each.",
+      "words": 5,
+      "chars": 28,
+      "lines": 2,
+      "size": 47,
+      "vw": 6.1,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.44,
+      "top": 1247,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Plumbing in attributes.",
+      "words": 3,
+      "chars": 23,
+      "lines": 1,
+      "size": 47,
+      "vw": 6.1,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 1,
+      "top": 4219,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Why we built it.",
+      "words": 4,
+      "chars": 16,
+      "lines": 1,
+      "size": 47,
+      "vw": 6.1,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.94,
+      "top": 6365,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Take your project supersonic.",
+      "words": 4,
+      "chars": 29,
+      "lines": 1,
+      "size": 47,
+      "vw": 6.1,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.94,
+      "top": 7461,
+      "tag": "h2",
+      "kind": "heading"
+     }
+    ],
+    "headingSummary": {
+     "count": 7,
+     "maxLines": 2,
+     "over2Lines": 0,
+     "statements": 0,
+     "centered": 0,
+     "medianWords": 4,
+     "mixedFontHeadings": 0
+    },
+    "type": {
+     "families": [
+      {
+       "family": "Schibsted Grotesk",
+       "share": 0.9,
+       "mono": false
+      },
+      {
+       "family": "ui-monospace",
+       "share": 0.1,
+       "mono": false
+      }
+     ],
+     "familyCount": 2,
+     "sizes": [
+      14,
+      16,
+      18,
+      23,
+      47,
+      61
+     ],
+     "sizeCount": 6,
+     "notLoaded": [],
+     "body": {
+      "font": "Schibsted Grotesk",
+      "size": 17.9,
+      "leading": 1.45,
+      "weight": 400,
+      "tracking": 0,
+      "contrast": 15.4
+     },
+     "measureChars": 68,
+     "max": {
+      "size": 60.7,
+      "vw": 7.9,
+      "font": "Schibsted Grotesk",
+      "text": "Web componentsfor every stack."
+     },
+     "monoShare": 0.1,
+     "monoProseShare": 0,
+     "monoFamilies": [
+      "ui-monospace"
+     ],
+     "monoSamples": [],
+     "microLabels": 0,
+     "microLabelShare": 0,
+     "microSamples": [],
+     "upperShare": 0.01,
+     "centerShare": 0,
+     "smallText": 0
+    },
+    "eyebrows": [],
+    "numbered": [],
+    "color": {
+     "bodyBg": "#e9e8e4",
+     "bodyBgHsl": {
+      "h": 48,
+      "s": 0.1,
+      "l": 0.9
+     },
+     "dark": false,
+     "sectionBgs": [
+      {
+       "color": "#ff4f00",
+       "top": 586,
+       "hsl": {
+        "h": 19,
+        "s": 1,
+        "l": 0.5
+       }
+      },
+      {
+       "color": "#111111",
+       "top": 4296,
+       "hsl": {
+        "h": 0,
+        "s": 0,
+        "l": 0.07
+       }
+      },
+      {
+       "color": "#e9e8e4",
+       "top": 4328,
+       "hsl": {
+        "h": 48,
+        "s": 0.1,
+        "l": 0.9
+       }
+      }
+     ],
+     "textColors": [
+      {
+       "color": "#111111",
+       "share": 0.97
+      },
+      {
+       "color": "#e9e8e4",
+       "share": 0.02
+      },
+      {
+       "color": "#ffffff",
+       "share": 0
+      },
+      {
+       "color": "#e8501c",
+       "share": 0
+      }
+     ],
+     "button": null,
+     "lowContrast": []
+    },
+    "buttons": {
+     "count": 0,
+     "inHero": 0,
+     "withShadow": 0,
+     "withGradient": 0,
+     "mono": 0,
+     "upper": 0,
+     "heroLabels": []
+    },
+    "surfaces": {
+     "shadowStatic": 0,
+     "shadowOverlay": 0,
+     "shadowSamples": [],
+     "gradients": 0,
+     "scrims": 1,
+     "gradientSamples": [],
+     "gradientText": 0,
+     "hairlines": 0,
+     "hairlineSamples": [],
+     "outlinedBoxes": 0,
+     "dashed": 0,
+     "blurred": 0,
+     "roundedBoxes": 0,
+     "boxRadius": 0,
+     "squareMedia": 2,
+     "roundedMedia": 0,
+     "mediaRadius": 0,
+     "textShadow": 0,
+     "cardRows": [
+      {
+       "count": 27,
+       "iconTopped": false,
+       "rounded": false,
+       "top": 1393
+      }
+     ]
+    },
+    "heroMedia": [],
+    "nav": {
+     "links": 0,
+     "fixed": false,
+     "height": 20,
+     "floatingPill": false,
+     "blur": false
+    },
+    "fontsLoaded": [
+     "schibsted grotesk"
+    ]
+   },
+   "layout": {
+    "viewport": {
+     "w": 768,
+     "h": 1024
+    },
+    "pageH": 9067,
+    "margins": {
+     "left": 24,
+     "right": 43
+    },
+    "sections": [
+     {
+      "sel": "section.hero",
+      "tag": "section",
+      "top": 66,
+      "height": 1064,
+      "words": 56,
+      "media": 0,
+      "middle": 20,
+      "heading": {
+       "text": "Web components",
+       "size": 61,
+       "tag": "h1"
+      },
+      "left": 24,
+      "right": 137,
+      "textLeft": 24,
+      "textRight": 137,
+      "fullBleed": false,
+      "footer": false,
+      "hero": true,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "section.index",
+      "tag": "section",
+      "top": 1130,
+      "height": 2972,
+      "words": 311,
+      "media": 0,
+      "middle": 50,
+      "heading": {
+       "text": "41 components,",
+       "size": 47,
+       "tag": "h2"
+      },
+      "left": 24,
+      "right": 41,
+      "textLeft": 24,
+      "textRight": 41,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-field",
+      "tag": "div",
+      "top": 4296,
+      "height": 523,
+      "words": 35,
+      "media": 0,
+      "middle": 43,
+      "heading": {
+       "text": "Departures",
+       "size": 23,
+       "tag": "span"
+      },
+      "left": 140,
+      "right": 140,
+      "textLeft": 140,
+      "textRight": 140,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-blocks",
+      "tag": "div",
+      "top": 4819,
+      "height": 1429,
+      "words": 107,
+      "media": 0,
+      "middle": 0,
+      "heading": {
+       "text": "Bind state without glue.",
+       "size": 23,
+       "tag": "p"
+      },
+      "left": 24,
+      "right": 223,
+      "textLeft": 24,
+      "textRight": 223,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "section.story",
+      "tag": "section",
+      "top": 6248,
+      "height": 1096,
+      "words": 131,
+      "media": 1,
+      "middle": 0,
+      "heading": {
+       "text": "Why we built it.",
+       "size": 47,
+       "tag": "h2"
+      },
+      "left": 24,
+      "right": 139,
+      "textLeft": 24,
+      "textRight": 139,
+      "fullBleed": true,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "section.takeoff",
+      "tag": "section",
+      "top": 7344,
+      "height": 1461,
+      "words": 34,
+      "media": 1,
+      "middle": 0,
+      "heading": {
+       "text": "Take your project supersonic.",
+       "size": 47,
+       "tag": "h2"
+      },
+      "left": 24,
+      "right": 24,
+      "textLeft": 24,
+      "textRight": 107,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "footer.home-footer",
+      "tag": "footer",
+      "top": 8804,
+      "height": 262,
+      "words": 47,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 24,
+      "right": 24,
+      "textLeft": 24,
+      "textRight": 24,
+      "fullBleed": false,
+      "footer": true,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     }
+    ],
+    "gaps": [
+     {
+      "top": 440,
+      "height": 348
+     },
+     {
+      "top": 5572,
+      "height": 344
+     }
+    ],
+    "h1s": [
+     {
+      "text": "Web components for every stack.",
+      "size": 61,
+      "top": 148,
+      "firstScreen": true
+     }
+    ],
+    "edgeText": [],
+    "edges": [
+     {
+      "x": 24,
+      "n": 17
+     }
+    ],
+    "leftBlocks": 17,
+    "bodySize": 14,
+    "stage": false,
+    "explains": false,
+    "slivers": [],
+    "voidShare": 0,
+    "voidBox": null
+   },
+   "app": null,
+   "consoleErrors": []
+  },
+  {
+   "width": 390,
+   "height": 844,
+   "load": "load",
+   "screens": 9,
+   "filled": [
+    0.37,
+    0.59,
+    0.82,
+    0.55,
+    0.38,
+    0.19,
+    0.71,
+    0.73,
+    0.34
+   ],
+   "motion": {
+    "elements": 22,
+    "css": 8,
+    "transitions": 14,
+    "scripted": 0,
+    "videos": 1,
+    "playingVideos": 1
+   },
+   "metrics": {
+    "viewport": {
+     "w": 390,
+     "h": 844
+    },
+    "page": {
+     "height": 7429,
+     "screens": 8.8,
+     "words": 469,
+     "img": 1,
+     "video": 1,
+     "canvas": 0,
+     "svg": 0,
+     "sections": 5,
+     "horizontalOverflow": 0,
+     "overflowCulprits": [],
+     "uiFragments": 3,
+     "uiAbuse": false,
+     "realPictures": 2,
+     "videoCount": 1,
+     "uiPictures": 2,
+     "pictureSamples": [
+      "24-02-69-concorde-roule-1969.jpg"
+     ],
+     "blendText": 0,
+     "sideScrollers": 0,
+     "brokenImages": [],
+     "emoji": [],
+     "videosNoPoster": 0
+    },
+    "hero": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "chars": 31,
+     "lines": 2,
+     "size": 40.3,
+     "vw": 10.3,
+     "font": "Schibsted Grotesk",
+     "weight": 800,
+     "tracking": -0.05,
+     "leading": 0.88,
+     "upper": false,
+     "italic": false,
+     "mono": false,
+     "align": "left",
+     "position": "center",
+     "widthRatio": 0.92,
+     "top": 134,
+     "tag": "h1",
+     "kind": "heading"
+    },
+    "h1": {
+     "text": "Web components for every stack.",
+     "words": 5,
+     "lines": 2,
+     "size": 40.3,
+     "font": "Schibsted Grotesk"
+    },
+    "headings": [
+     {
+      "text": "Web components for every stack.",
+      "words": 5,
+      "chars": 31,
+      "lines": 2,
+      "size": 40.3,
+      "vw": 10.3,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.05,
+      "leading": 0.88,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.92,
+      "top": 134,
+      "tag": "h1",
+      "kind": "heading"
+     },
+     {
+      "text": "CDG",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.2,
+      "top": 1000,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "JFK",
+      "words": 1,
+      "chars": 3,
+      "lines": 1,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 400,
+      "tracking": 0,
+      "leading": 1,
+      "upper": true,
+      "italic": false,
+      "mono": false,
+      "align": "right",
+      "position": "right",
+      "widthRatio": 0.16,
+      "top": 1000,
+      "tag": "div",
+      "kind": "heading"
+     },
+     {
+      "text": "41 components, one tag each.",
+      "words": 5,
+      "chars": 28,
+      "lines": 2,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "left",
+      "widthRatio": 0.66,
+      "top": 1350,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Plumbing in attributes.",
+      "words": 3,
+      "chars": 23,
+      "lines": 2,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 1,
+      "top": 2895,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Why we built it.",
+      "words": 4,
+      "chars": 16,
+      "lines": 1,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.92,
+      "top": 5062,
+      "tag": "h2",
+      "kind": "heading"
+     },
+     {
+      "text": "Take your project supersonic.",
+      "words": 4,
+      "chars": 29,
+      "lines": 2,
+      "size": 36,
+      "vw": 9.2,
+      "font": "Schibsted Grotesk",
+      "weight": 800,
+      "tracking": -0.045,
+      "leading": 0.95,
+      "upper": false,
+      "italic": false,
+      "mono": false,
+      "align": "left",
+      "position": "center",
+      "widthRatio": 0.92,
+      "top": 6204,
+      "tag": "h2",
+      "kind": "heading"
+     }
+    ],
+    "headingSummary": {
+     "count": 7,
+     "maxLines": 2,
+     "over2Lines": 0,
+     "statements": 0,
+     "centered": 0,
+     "medianWords": 4,
+     "mixedFontHeadings": 0
+    },
+    "type": {
+     "families": [
+      {
+       "family": "Schibsted Grotesk",
+       "share": 0.86,
+       "mono": false
+      },
+      {
+       "family": "ui-monospace",
+       "share": 0.14,
+       "mono": false
+      }
+     ],
+     "familyCount": 2,
+     "sizes": [
+      14,
+      16,
+      17,
+      18,
+      20,
+      36,
+      40
+     ],
+     "sizeCount": 7,
+     "notLoaded": [],
+     "body": {
+      "font": "Schibsted Grotesk",
+      "size": 17,
+      "leading": 1.45,
+      "weight": 400,
+      "tracking": 0,
+      "contrast": 15.4
+     },
+     "measureChars": 42,
+     "max": {
+      "size": 40.3,
+      "vw": 10.3,
+      "font": "Schibsted Grotesk",
+      "text": "Web componentsfor every stack."
+     },
+     "monoShare": 0.14,
+     "monoProseShare": 0,
+     "monoFamilies": [
+      "ui-monospace"
+     ],
+     "monoSamples": [],
+     "microLabels": 0,
+     "microLabelShare": 0,
+     "microSamples": [],
+     "upperShare": 0.02,
+     "centerShare": 0,
+     "smallText": 0
+    },
+    "eyebrows": [],
+    "numbered": [],
+    "color": {
+     "bodyBg": "#e9e8e4",
+     "bodyBgHsl": {
+      "h": 48,
+      "s": 0.1,
+      "l": 0.9
+     },
+     "dark": false,
+     "sectionBgs": [
+      {
+       "color": "#ff4f00",
+       "top": 597,
+       "hsl": {
+        "h": 19,
+        "s": 1,
+        "l": 0.5
+       }
+      },
+      {
+       "color": "#111111",
+       "top": 923,
+       "hsl": {
+        "h": 0,
+        "s": 0,
+        "l": 0.07
+       }
+      },
+      {
+       "color": "#e9e8e4",
+       "top": 3028,
+       "hsl": {
+        "h": 48,
+        "s": 0.1,
+        "l": 0.9
+       }
+      }
+     ],
+     "textColors": [
+      {
+       "color": "#111111",
+       "share": 0.96
+      },
+      {
+       "color": "#e9e8e4",
+       "share": 0.03
+      },
+      {
+       "color": "#ffffff",
+       "share": 0.01
+      },
+      {
+       "color": "#e8501c",
+       "share": 0
+      }
+     ],
+     "button": null,
+     "lowContrast": []
+    },
+    "buttons": {
+     "count": 0,
+     "inHero": 0,
+     "withShadow": 0,
+     "withGradient": 0,
+     "mono": 0,
+     "upper": 0,
+     "heroLabels": []
+    },
+    "surfaces": {
+     "shadowStatic": 0,
+     "shadowOverlay": 0,
+     "shadowSamples": [],
+     "gradients": 0,
+     "scrims": 1,
+     "gradientSamples": [],
+     "gradientText": 0,
+     "hairlines": 0,
+     "hairlineSamples": [],
+     "outlinedBoxes": 0,
+     "dashed": 0,
+     "blurred": 0,
+     "roundedBoxes": 0,
+     "boxRadius": 0,
+     "squareMedia": 2,
+     "roundedMedia": 0,
+     "mediaRadius": 0,
+     "textShadow": 0,
+     "cardRows": [
+      {
+       "count": 4,
+       "iconTopped": false,
+       "rounded": false,
+       "top": 1909
+      }
+     ]
+    },
+    "heroMedia": [],
+    "nav": {
+     "links": 0,
+     "fixed": false,
+     "height": 20,
+     "floatingPill": false,
+     "blur": false
+    },
+    "fontsLoaded": [
+     "schibsted grotesk"
+    ]
+   },
+   "layout": {
+    "viewport": {
+     "w": 390,
+     "h": 844
+    },
+    "pageH": 7429,
+    "margins": {
+     "left": 16,
+     "right": 19
+    },
+    "sections": [
+     {
+      "sel": "section.hero",
+      "tag": "section",
+      "top": 66,
+      "height": 1188,
+      "words": 56,
+      "media": 0,
+      "middle": 0,
+      "heading": {
+       "text": "Web components",
+       "size": 40,
+       "tag": "h1"
+      },
+      "left": 16,
+      "right": 33,
+      "textLeft": 16,
+      "textRight": 33,
+      "fullBleed": false,
+      "footer": false,
+      "hero": true,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "div.index-head.is-visible",
+      "tag": "div",
+      "top": 1350,
+      "height": 132,
+      "words": 5,
+      "media": 0,
+      "middle": 0,
+      "heading": {
+       "text": "one tag each.",
+       "size": 36,
+       "tag": "h2"
+      },
+      "left": 16,
+      "right": 158,
+      "textLeft": 16,
+      "textRight": 158,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.index-body",
+      "tag": "div",
+      "top": 1538,
+      "height": 1261,
+      "words": 67,
+      "media": 0,
+      "middle": 55,
+      "heading": null,
+      "left": 32,
+      "right": 51,
+      "textLeft": 32,
+      "textRight": 51,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-field",
+      "tag": "div",
+      "top": 2996,
+      "height": 465,
+      "words": 31,
+      "media": 0,
+      "middle": 20,
+      "heading": null,
+      "left": 36,
+      "right": 36,
+      "textLeft": 36,
+      "textRight": 36,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-block.is-visible",
+      "tag": "div",
+      "top": 3477,
+      "height": 380,
+      "words": 22,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 16,
+      "right": 23,
+      "textLeft": 16,
+      "textRight": 23,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-block.is-visible",
+      "tag": "div",
+      "top": 3856,
+      "height": 232,
+      "words": 28,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 16,
+      "right": 16,
+      "textLeft": 16,
+      "textRight": 16,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-block.is-visible",
+      "tag": "div",
+      "top": 4089,
+      "height": 500,
+      "words": 32,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 16,
+      "right": 20,
+      "textLeft": 16,
+      "textRight": 20,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "div.instr-block.is-visible",
+      "tag": "div",
+      "top": 4589,
+      "height": 377,
+      "words": 25,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 16,
+      "right": 43,
+      "textLeft": 16,
+      "textRight": 43,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": true,
+      "pinned": false
+     },
+     {
+      "sel": "section.story",
+      "tag": "section",
+      "top": 4966,
+      "height": 1142,
+      "words": 131,
+      "media": 1,
+      "middle": 0,
+      "heading": {
+       "text": "Why we built it.",
+       "size": 36,
+       "tag": "h2"
+      },
+      "left": 16,
+      "right": 18,
+      "textLeft": 16,
+      "textRight": 18,
+      "fullBleed": true,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "section.takeoff",
+      "tag": "section",
+      "top": 6108,
+      "height": 1003,
+      "words": 34,
+      "media": 1,
+      "middle": 0,
+      "heading": {
+       "text": "Take your project supersonic.",
+       "size": 36,
+       "tag": "h2"
+      },
+      "left": 16,
+      "right": 16,
+      "textLeft": 16,
+      "textRight": 21,
+      "fullBleed": false,
+      "footer": false,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     },
+     {
+      "sel": "footer.home-footer",
+      "tag": "footer",
+      "top": 7111,
+      "height": 318,
+      "words": 47,
+      "media": 0,
+      "middle": 0,
+      "heading": null,
+      "left": 16,
+      "right": 44,
+      "textLeft": 16,
+      "textRight": 44,
+      "fullBleed": false,
+      "footer": true,
+      "hero": false,
+      "continues": false,
+      "pinned": false
+     }
+    ],
+    "gaps": [
+     {
+      "top": 460,
+      "height": 412
+     },
+     {
+      "top": 3620,
+      "height": 264
+     },
+     {
+      "top": 4268,
+      "height": 348
+     },
+     {
+      "top": 4780,
+      "height": 276
+     }
+    ],
+    "h1s": [
+     {
+      "text": "Web components for every stack.",
+      "size": 40,
+      "top": 134,
+      "firstScreen": true
+     }
+    ],
+    "edgeText": [],
+    "edges": [
+     {
+      "x": 16,
+      "n": 17
+     }
+    ],
+    "leftBlocks": 17,
+    "bodySize": 17,
+    "stage": false,
+    "explains": false,
+    "slivers": [],
+    "voidShare": 0,
+    "voidBox": null
+   },
+   "app": null,
+   "consoleErrors": []
+  }
+ ],
+ "findings": [
+  {
+   "level": "WARN",
+   "id": "first-action",
+   "width": 1440,
+   "message": "No visible button in the first screen.",
+   "fix": "Give the one primary action a real button in the first screen (a filled or solid-bordered control, 44px or taller), not only a link in the navigation.",
+   "alsoAt": [
+    768,
+    390
+   ]
+  },
+  {
+   "level": "WARN",
+   "id": "off-centre",
+   "width": 1440,
+   "message": "The margins differ: 40px on the left, 65px on the right, at 1440px.",
+   "fix": "Put the navigation and the content on one pair of margins; check for padding on one side only, a scrollbar gutter, or a header on another inset than the page.",
+   "alsoAt": [
+    768
+   ]
+  },
+  {
+   "level": "WARN",
+   "id": "blank-gap",
+   "width": 390,
+   "message": "A 412px stretch at 460px holds nothing.",
+   "fix": "Check that it is a deliberate rest (once per page at most); otherwise close it to the normal section gap."
+  }
+ ],
+ "images": [
+  {
+   "viewport": "desktop",
+   "width": 1440,
+   "fold": "/usr2/sites/concorde/.taste-skill/prod/desktop-fold.jpg",
+   "pages": [
+    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-01.jpg",
+    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-02.jpg",
+    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-03.jpg"
+   ],
+   "film": []
+  },
+  {
+   "viewport": "tablet",
+   "width": 768,
+   "fold": "/usr2/sites/concorde/.taste-skill/prod/tablet-fold.jpg",
+   "pages": [
+    "/usr2/sites/concorde/.taste-skill/prod/tablet-page-01.jpg",
+    "/usr2/sites/concorde/.taste-skill/prod/tablet-page-02.jpg"
+   ],
+   "film": []
+  },
+  {
+   "viewport": "mobile",
+   "width": 390,
+   "fold": "/usr2/sites/concorde/.taste-skill/prod/mobile-fold.jpg",
+   "pages": [
+    "/usr2/sites/concorde/.taste-skill/prod/mobile-page-01.jpg",
+    "/usr2/sites/concorde/.taste-skill/prod/mobile-page-02.jpg"
+   ],
+   "film": []
+  }
+ ]
+}