Blog

24 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

• Blog · Archive — A complete blog archive: the archive title and description beside a search field, the categories as chips that filter the posts without reloading, a grid of FBK Post cards with the newest one wide and page numbers, and a sidebar with popular posts, topics, a subscribe box and social links.
• Blog · Author page — An author page: a large photo, the author's name, bio and social links on top, and their latest posts in a grid below.
• Blog · Bento row — Five posts in a bento grid that mixes two cards: the newest wide and the next one beside it as photo cards, then a row of three with the photo on its own and the text on a panel over its edge, signed by the author.
• Blog · Bento stack — A magazine front: the newest post as a big photo card with its excerpt, and the next three stacked beside it as small rows with a square photo, category, date and title.
• Blog · Bento tall — The four latest posts in a bento grid of photo cards: the newest one big, a tall one at the edge and two small ones stacked between them; on hover a line draws along the bottom and the big and tall cards open their excerpt.
• Blog · Bento wide — The four latest posts in a bento grid of photo cards: the newest one big, two small beside it and a wide one under them; on hover a line draws along the bottom and the big card's excerpt opens.
• Blog · Editorial grid — The latest posts in two wide columns without boxes: a rounded 16:9 photo with the date in a white badge, category, author and reading time, a big title, the excerpt and Read more.
• Blog · Featured post — The newest post large, with its photo filling the card, and the three before it in a list beside it: two Bricks query loops of FBK Post cards.
• Blog · Masonry archive — A blog archive as a masonry wall: the archive title and description beside a search field, the categories as chips that filter the posts without reloading, FBK Post cards of different heights (text first, the photo in its own shape below) read in rows, and page numbers.
• Blog · Minimal single post — A single post template for essays and newsletters: one narrow centered column with the categories, title, excerpt and byline, the text, share buttons, author box, previous and next posts and a subscribe box; three more posts as text cards below.
• Blog · Newsletter archive — A newsletter archive: past issues in rows (number, date, subject and a line), and a subscribe box that stays in view.
• Blog · Podcast episodes — Podcast episodes in rows: the episode number, title, guest, duration and date, and an audio player to listen right there.
• Blog · Post cards — A showcase of the FBK Post card component: the house card, soft with a date badge, editorial, panel, panel with a hidden excerpt that reveals on hover, overlay with the excerpt that opens, horizontal, text card with the author in the footer and mini rows, light and dark.
• Blog · Post carousel — A carousel of the latest posts: the first card shows its photo, which sweeps in as the cards move (and on hover); the others are clean text cards.
• Blog · Post grid — The latest posts in a grid of FBK Post cards from a Bricks query loop: photo, category, date, author, title and excerpt; the whole card links to the post.
• Blog · Post grid with panels — The latest posts in a grid of cards with the photo on its own and the text on a white panel over its lower edge, signed with the author's photo and the date; the panel lifts a little on hover.
• Blog · Post list — Posts in rows from a Bricks query loop: date and category, title and excerpt, and an arrow; the post's photo appears beside the row on hover.
• Blog · Post mosaic — The five latest posts as a mosaic of FBK Post cards with the photo filling each card: the newest one big, two columns by two rows, the other four around it; on hover a line draws along the bottom and the big card's excerpt opens under its title.
• Blog · Search results — A search results page: the search field on top, the number of results and a list of rows with the type, date, title, excerpt and address of each result.
• Blog · Single post — A single post template: categories, title, excerpt, author, date and reading time over the featured photo; the article with a floating share bar and a sticky table of contents (a closed drop-down on tablets and phones); tags, author box, previous and next posts, comments, and related articles from the same category.
• Blog · Single post with cover — A single post template for photo-led stories: the featured photo as a big cover with the categories, title, excerpt and byline over its dark lower edge; then one narrow reading column with share buttons, tags, author box, previous and next posts and comments, and related articles below.
• Blog · Single post with sidebar — A single post template with a sidebar: categories, title, excerpt, author, date and reading time over the featured photo; the article with share buttons, tags, author box, previous and next posts and comments; beside it a subscribe box, social links, the latest posts and a sticky table of contents; related articles below.
• Blog · Single post with split header — A single post template for guides: the categories, title, excerpt and byline beside a square featured photo; the article with a sticky table of contents beside it (a drop-down on tablets and phones), share buttons, tags, author box, previous and next posts, comments and related articles.
• Blog · Text cards — The latest posts as text cards without photos: category and reading time, title, a longer excerpt and the author with their photo at the foot; a line draws along the bottom on hover.