https://studio.backlight.dev/signin?redirect=/edit/TIVJpWNAZ0hSftKJ8gjY

1<!DOCTYPE html>
2<html lang="en" data-rev="">
3  <head>
4    <base />
5
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width,initial-scale=1" />
8    <meta name="theme-color" content="#f8c307" />
9    <link rel="preconnect" href="https://storage.googleapis.com" />
10    <link rel="preconnect" href="https://www.googleapis.com" />
11    <link
12      rel="preconnect"
13      href="https://firebaseinstallations.googleapis.com"
14    />
15    <!--meta-placeholder-->
16    <title>Backlight.dev</title>
17    <meta name="description" content="Design Systems, code-side" />
18    <meta itemprop="name" content="Backlight.dev" />
19    <meta itemprop="description" content="Design Systems, code-side" />
20    <meta name="twitter:card" content="summary" />
21    <meta name="twitter:title" content="Backlight.dev" />
22    <meta
23      name="twitter:description"
24      content="Design Systems, code-side"
25    />
26    <meta name="twitter:site" content="@backlight_dev" />
27    <meta name="twitter:creator" content="@divriots" />
28    <meta
29      name="twitter:image"
30      content="https://backlight.devassets/og.jpg"
31    />
32    <meta name="og:title" content="Backlight.dev" />
33    <meta name="og:description" content="Design Systems, code-side" />
34    <meta
35      name="og:image"
36      content="https://backlight.dev/assets/og.jpg"
37    />
38    <meta name="og:url" content="https://backlight.dev" />
39    <meta name="og:site_name" content="Backlight.dev" />
40    <meta name="og:locale" content="en_GB" />
41    <meta name="og:type" content="website" />
42    <!--/meta-placeholder-->
43    <link
44      rel="shortcut icon"
45      type="image/vnd.microsoft.icon"
46      href="/favicon.ico"
47    />
48
49    
50    <link
51      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap"
52      rel="preload"
53      as="style"
54      onload="this.rel='stylesheet'"
55    />
56    
57
58    <link
59      href="https://fonts.googleapis.com/css2?family=Questrial&display=swap"
60      rel="preload"
61      as="style"
62      onload="this.rel='stylesheet'"
63    />
64
65    <style>
66      html,
67      body {
68        width: 100%;
69        height: 100%;
70        margin: 0;
71        padding: 0;
72        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
73          Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
74      }
75      body {
76        background-color: #282828;
77        color: #ededed;
78      }
79
80      .nojs:before {
81        content: 'Please enable javascript ...';
82      }
83
84      .nojs > div {
85        display: none;
86      }
87    </style>
88
89    <!-- Web Vitals polyfill (must be inlined and first on the page before any content is rendered) -->
90    

90<script>
91      
92    </script>

92
93    

93<script>
94      globalThis.__LOCAL_EVENT_BUS_ID__ = 'auto';
95    </script>

95
96    
97    

97<script type="module" crossorigin src="/assets/main.645be4ea.hash.js"></script>

97
98    <link rel="modulepreload" href="/assets/modulepreload-polyfill.c41334d8.hash.js">
99    <link rel="modulepreload" href="/assets/vendor.e951e079.hash.js">
100    <link rel="modulepreload" href="/assets/Utils.607e8604.hash.js">
101    <link rel="stylesheet" href="/assets/vendor.ddce1297.hash.css">
102    <link rel="stylesheet" href="/assets/main.613dcff2.hash.css">
103  </head>
104  <body class="nojs">
105    <div id="root"></div>
106    

106<script>
107      document.body.className = document.body.className.replace('nojs', '');
108    </script>

108
109  </body>
110</html>