Skip to content

Blog posts

Where you can add it

Not in section groups: Header, Footer.

SettingTypeDefaultOptions and range
EyebrowText—
Heading

Make a word italic to emphasize it.

Inline rich textFrom the journal
Highlight color

Leave empty to use the color scheme’s highlight.

Shown when Heading is set.

Color—
DescriptionText—
Blog
BlogBlog—
Blog posts to showRange31–12, step 1
Show a link to the blogCheckboxOn
Arrangement
Layout on desktop

Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid.

SelectGrid
  • Grid
  • Carousel
  • Stack
Layout on tabletSelectGrid
  • Grid
  • Carousel
  • Stack
Layout on mobileSelectGrid
  • Grid
  • Carousel
  • Stack
Columns on desktop

Shown when Layout on desktop is not Stack.

Range32–4, step 1
Columns on tablet

Shown when Layout on tablet is not Stack.

Range22–4, step 1
Columns on mobile

Shown when Layout on mobile is not Stack.

Select1
  • 1
  • 2
Space between cardsRange32 px8–40 px, step 2
Offset alternate cards

Lowers every second card in a row, as in a magazine.

CheckboxOn
Show arrows

Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel.

CheckboxOn
Pagination

Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel.

SelectProgress bar
  • None
  • Dots
  • Progress bar
  • Counter
Cards
Image ratio

Adapt keeps the photo’s own proportions.

SelectPortrait (4:5)
  • Portrait (4:5)
  • Portrait (3:4)
  • Portrait (2:3)
  • Square (1:1)
  • Landscape (4:3)
  • Landscape (16:9)
  • Adapt to image
Image corner radiusRange28 px0–40 px, step 2
Show tag

Shows the post’s first tag on its image.

CheckboxOn
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

Shown when Show tag is on.

SelectAuto
  • Auto
  • Light
  • Dark
Show reading time

Estimated from the length of the post, at 200 words a minute.

CheckboxOn
Show dateCheckboxOn
Show authorCheckboxOff
Show excerpt

Uses the post’s excerpt, or the start of its content.

CheckboxOff
Zoom image on hoverCheckboxOn

Settings every section has — Layout, spacing, motion and visibility — the same in every section.

Not in this section: Section width.

Defaults here: Top spacing 0 px (everywhere else: 64 px); Bottom spacing 144 px (everywhere else: 64 px); Top spacing on mobile 0 px (everywhere else: 40 px); Bottom spacing on mobile 96 px (everywhere else: 40 px); Stagger 140 ms (everywhere else: 0 ms).

  • Blog posts — Category: Storytelling
    Starts with: empty