Welcome to the blog. This is the body of the very first article, written in Markdown and rendered with the same theme as the index — a way to showcase the continuity of the visual identity from list to article.
A section
Long-form copy uses Hanken Grotesk at 20px with a 1.6 line height, in line with the design tokens. Reading width is capped at 65ch for optimal comfort over long sessions.
- A first bullet
- A second bullet
- A third bullet
A pull quote, highlighted by a subtle violet border on the left.
And a touch of inline code for good measure. You can also drop a link that picks up the theme’s primary accent.
A Mermaid diagram
Here’s an example diagram rendered client-side via the astro-mermaid integration:
flowchart LR
A[Writing] --> B{Review}
B -- OK --> C[Publish]
B -- Rework --> A
C --> D[(Blog)]
And a sequence diagram to illustrate a simple exchange:
sequenceDiagram
participant R as Reader
participant B as Blog
participant A as Author
R->>B: Opens article
B-->>R: Renders Markdown content
R->>A: Sends feedback
A-->>R: Replies by email