Initial commit 🚀

.design-sync/previews/Text.tsx

@@ -0,0 +1,41 @@
+import { Surface, Section, Container, Stack, Text } from 'ciphercell-homepage';
+
+export const Measured = () => (
+  <Surface>
+    <Section spacing="tight">
+      <Container>
+        <Text measure>
+          Infrastructure is software now. Private 5G networks, industrial control systems and cloud
+          platforms are assembled from the code and components of many vendors. Every interface
+          between them is an attack surface, and off-the-shelf tools were not built for that.
+        </Text>
+      </Container>
+    </Section>
+  </Surface>
+);
+
+export const Muted = () => (
+  <Surface>
+    <Section spacing="tight">
+      <Container>
+        <Text measure muted>
+          CipherCell is a security engineering company for software. From the first threat model to
+          the running system.
+        </Text>
+      </Container>
+    </Section>
+  </Surface>
+);
+
+export const Small = () => (
+  <Surface>
+    <Section spacing="tight">
+      <Container>
+        <Stack gap={3}>
+          <Text size="small">Threat model, attack paths, CI/CD integration.</Text>
+          <Text size="small" muted>Passau, Innstr. 43</Text>
+        </Stack>
+      </Container>
+    </Section>
+  </Surface>
+);