Blog Page

v1.0.0·Added in 1.6.0

A SaaS blog index: a featured post, category chips, live search, a grid or list of post cards, pagination and a newsletter band.

The page opens with the featured post as one large card; every card is a single link to /blog/<slug> with its focus ring on the card. Tap a category chip (All, Product, Engineering, Design, Company, Guides; each shows its post count) to filter, or type in the search field (press / to focus it) and the cards filter live by title, excerpt and author while the field shows the result count. While filtering, the featured card steps aside and its post joins the grid; cards slide into place. No match shows an empty state with Clear filters. Load more posts appends the next page (the button spins while it loads and the bar under it shows how many you have seen), or numbered pagination pages through them and scrolls back to the filters. The newsletter band validates the email and confirms inline. On phones the chips become one row that scrolls sideways, the grid collapses to one column and the list layout puts a square cover beside each title.