Opens in a new tab

Blog · Newsletter archive

A newsletter archive wireframe for Bricks Builder: two columns pair a list of past issues (number, one-line subject, date and arrow) with a subscribe card that stays in view beside it, built with the FBK Avatar group and a native form. Good for a newsletter you run on your own site rather than a third-party archive page.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Avatar group

    Two to five overlapping faces in a row, with an optional «+N».

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Newsletter archive, class fbk-wf-issues

Card color: white like every Outline surface (dark or brand with the section's scheme)

--fbk-t-card-bg
var(--fbk-card-scheme-bg, var(--white))

Row tint on hover and how far it reaches past the text at the sides

--fbk-t-row-hover
color-mix(in srgb, currentColor 5%, transparent)
--fbk-t-row-pad
var(--space-s)

More like this

See all All templates