Initial commit 🚀

.design-sync/ds-src/Text.md

@@ -0,0 +1,20 @@
+---
+category: Type
+---
+
+# Text
+
+Body copy and metadata. Set `measure` on every paragraph: it caps the line at 68 characters,
+and long unmeasured lines are the fastest way to make this layout look careless.
+
+`muted` is for secondary text and metadata. `size="small"` is for metadata and captions.
+Neither is a way to fit more in.
+
+Write short declarative sentences with a full stop. Concrete nouns over categories.
+
+```jsx
+<Text measure>Threat models are written once and then run in the pipeline.</Text>
+<Text size="small" muted>Passau, Innstr. 43</Text>
+```
+
+Astro equivalent: `<p class="body measure">`, `<p class="small muted">`.