> ## Content Index > Fetch the complete content index at: https://hull-news.ghost.io/llms.txt > Use this file to discover other available public pages before exploring further. # Style Guide - URL: https://hull-news.ghost.io/style-guide/ - Published: 2026-10-15T09:35:25.000Z - Updated: 2026-10-19T15:06:32.000Z - Description: A demonstration of every content card available in the Ghost editor. - Author: Joe Grigg - Tags: Style Guide, Lorem This post exercises every content card available in the Ghost editor, along with a full inline-formatting and typography sampler, so it can be used as a front-end theme test. ## Typography ## Heading level 2 ### Heading level 3 #### Heading level 4 ##### Heading level 5 ###### Heading level 6 Minim eiusmod dolore est excepteur nisi in velit est nisi deserunt laboris nostrud nostrud pariatur. Incididunt cupidatat exercitation ea quis et consequat elit irure nostrud occaecat consectetur ullamco. Magna do consectetur minim mollit minim. ### Inline formatting This paragraph demonstrates **bold**, *italic*, ***bold italic***, ~~strikethrough~~, underline, `inline code`, highlighted, superscript, subscript, and a [hyperlink](https://ghost.org/?ref=hull-news.ghost.io). ### Blockquotes > The way to get started is to quit talking and begin doing. — Walt Disney > The only impossible journey is the one you never begin. — Tony Robbins ### Lists - Unordered item with a [link](https://ghost.org/?ref=hull-news.ghost.io) - Item with a nested list - Nested item one - Nested item two - Final top-level item 1. First ordered item 2. Second ordered item 3. Third ordered item ### Tables | Plan | Price | Best for | | -------- | ----- | -------------------- | | Free | $0 | Trying things out | | Pro | $9 | Growing publications | | Business | $25 | Teams & scale | ## Media ![Regular width image](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-regular-1.jpg) Regular (in-column) width ![Wide image](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-wide-1.jpg) Wide width ![Full-bleed image](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-full-1.jpg) Full width [![Linked image](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-linked-1.jpg)](https://ghost.org/?ref=hull-news.ghost.io) This image links to ghost.org ![Image without a caption](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-nocaption-1.jpg) ![Adjacent image A](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-adj-a-1.jpg) ![Adjacent image B](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-image-adj-b-1.jpg) ### Gallery ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-0-1.jpg) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-1-1.jpg) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-2-1.jpg) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-3-1.jpg) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-4-1.jpg) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-gallery-5-1.jpg) A multi-row gallery of placeholder images ### Audio Placeholder audio 0:00 /0 1× ### Video 0:00 /0:00 1× Placeholder video ### File download [Placeholder documentA downloadable file cardplaceholder.txt53 Bytesdownload-circle](https://hull-news.ghost.io/content/files/2026/10/placeholder-1.txt "Download") ## Cards ### Header cards ## Dark header A full-width header card with a button [Get started](#/portal/signup) ## Light header The same card on a light background [Subscribe](#/portal/signup) ## Accent header Using the theme accent colour [Join](#/portal/signup) ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-header-bg-1.jpg) ## Header with background image Text over a hosted background image [Read more](#/portal/signup) ### Callouts 💡 Grey callout — Do minim dolore reprehenderit commodo reprehenderit ad laborum. 💡 White callout — Cupidatat elit voluptate labore id proident Lorem tempor labore quis. 💡 Blue callout — Labore veniam ipsum adipisicing aliqua anim esse velit magna culpa et ipsum. 💡 Green callout — Aliqua proident veniam voluptate non ullamco fugiat consequat. 💡 Yellow callout — Eiusmod et velit culpa dolor cupidatat. 💡 Red callout — Et esse consectetur enim do mollit irure aliqua nostrud exercitation et ad. 💡 Pink callout — Aute id est Lorem ipsum quis non id et incididunt anim velit. 💡 Purple callout — Cupidatat excepteur ipsum in ex laborum ea eiusmod minim aliqua non nisi sunt aliqua in. Callout with no emoji — Aliquip nulla magna voluptate laborum commodo cillum quis labore minim cillum. ### Toggles #### When should I use toggles? Proident aute ad mollit nulla. Ipsum fugiat proident cillum labore dolore duis. #### Where can I take Ghost for a spin? Ad laboris fugiat incididunt sit ullamco veniam. Nisi aute dolor consequat dolor do excepteur est non ullamco in sunt aute enim quis. ### Bookmark [Ghost - The Professional Publishing PlatformThe best open source blog & newsletter platform. Beautiful, contemporary themes for publishers, creators and businesses.![](https://www.google.com/s2/favicons?domain=ghost.org&sz=64)GhostGhost Foundation![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-bookmark-thumb-1.jpg)](https://ghost.org/?ref=hull-news.ghost.io) ### Buttons [Centered button](#/portal/signup) [Left-aligned button](#/portal/signup) ### Product ![](https://storage.ghost.io/c/89/46/8946c483-708d-41f2-8cfe-95759380c4e0/content/images/2026/10/sg-product-1.jpg) #### Placeholder Product Non veniam amet commodo nulla Lorem ullamco fugiat magna in in eiusmod esse velit incididunt. Aliquip veniam ex consectetur irure amet qui ullamco dolore anim pariatur. [Buy now](https://ghost.org/?ref=hull-news.ghost.io) ### Signup ## Sign up for our newsletter Enim officia dolore consequat sunt nisi nostrud aute cillum qui. Subscribe Email sent! Check your inbox to complete your signup. No spam. Unsubscribe anytime. ### Embed An embedded YouTube video ### Code block ```javascript function greet(name) { return `Hello, ${name}!`; } console.log(greet('Ghost')); ``` A JavaScript snippet ### Call to action SPONSORED Mollit qui deserunt dolor ullamco consectetur officia laborum officia irure voluptate laborum. [Learn more ](https://ghost.org/?ref=hull-news.ghost.io) ### Markdown You can also write in **Markdown**, with *emphasis*, `code`, and [links](https://ghost.org/?ref=hull-news.ghost.io). ### HTML Custom HTML card content. ## Email-only cards The following two cards render only in email newsletters and are not visible on the website. ## Structural & edge cases ### Dividers Deserunt nulla nulla ut officia irure reprehenderit reprehenderit sit ad voluptate duis dolore cillum. Et occaecat sint voluptate sint et nostrud proident. --- Non adipisicing deserunt enim voluptate laborum. Dolore excepteur anim ut elit nostrud officia culpa mollit Lorem non laboris. ### A deliberately long heading that should wrap gracefully across multiple lines on narrow viewports without breaking the layout Supercalifragilisticexpialidocious-pneumonoultramicroscopicsilicovolcanoconiosis-antidisestablishmentarianism ### Public preview / paywall Eu tempor nostrud eu nulla elit ut non incididunt aliquip. Ipsum nulla tempor aute aute eiusmod enim esse labore tempor esse voluptate pariatur. Dolor cillum nisi adipisicing ipsum eu reprehenderit nostrud officia. Consectetur Lorem fugiat laboris consectetur eiusmod sint id dolore tempor dolore dolore in.