Initial commit 🚀

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

@@ -0,0 +1,22 @@
+---
+category: Type
+---
+
+# Display
+
+The largest type on the page, and the one place the page raises its voice. One per screen,
+in the hero.
+
+Break its lines by hand with `<br />`. A display headline is a composed object, not a
+paragraph that happens to be large, and where the line turns changes how it reads.
+
+It renders an `h1` by default. Keep one `h1` per page; if the hero headline is not the
+page's heading, set `as="p"`.
+
+```jsx
+<Display>
+  Security engineering<br />for critical software.
+</Display>
+```
+
+Astro equivalent: `<h1 class="display">`.