> ## Content Index
> Fetch the complete content index at: https://astrix-vellum.adrianoamalfi.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Every card, set in Vellum
- URL: https://astrix-vellum.adrianoamalfi.com/every-card/
- Published: 2026-07-22T13:29:38.000Z
- Updated: 2026-07-22T14:09:39.000Z
- Description: The companion to the specimen: how the theme renders every editor card — callouts, buttons, toggles, bookmarks, galleries and full-bleed images.
- Author: Ines Marlowe
- Tags: Design

The specimen covers prose. This one covers the **cards** — the blocks the Ghost editor inserts, and how Astrix dresses them.

## Callouts

✳️

An accent callout, for the line that matters most on the page.

💡

A tinted callout, for an aside that should not interrupt the argument.

📌

And a quiet one, for a footnote you still want seen.

## Buttons

For the moment the reader is meant to act:

[Read the documentation](https://ghost.org/?ref=astrix-vellum.adrianoamalfi.com)

## Toggles

For the detail most readers can skip:

#### Why is the measure 65 characters?

Because the eye loses the start of the next line somewhere past 75, and feels hurried below about 45\. Sixty-five is the middle of a wide, forgiving band — not a magic number, just a safe one.

## Bookmarks

[Ghost — the independent publishing platformThe professional publishing platform for independent writers and publications.ghost.org](https://ghost.org/?ref=astrix-vellum.adrianoamalfi.com)

## Images, at three widths

![Standard width](https://astrix-vellum.adrianoamalfi.com/content/images/demo/inline-c2ad4a2da0b9.jpg)

Standard width — inside the reading measure.

![Wide](https://astrix-vellum.adrianoamalfi.com/content/images/demo/img-4b723fbbef7a.jpg)

Wide — breaking out of the measure, but still contained.

![Full bleed](https://astrix-vellum.adrianoamalfi.com/content/images/demo/img-16b534852695.jpg)

Full width — edge to edge.

## Galleries

![One](https://astrix-vellum.adrianoamalfi.com/content/images/demo/img-9f5df64aea05.jpg)

![Two](https://astrix-vellum.adrianoamalfi.com/content/images/demo/img-df86636da3f9.jpg)

![Three](https://astrix-vellum.adrianoamalfi.com/content/images/demo/inline-8de4f2eb561d.jpg)

Three up, in one row.

---

If a card renders badly here, it renders badly everywhere — which is the point of keeping this page.