Koala UIBlog
Editorial indexes for a company blog or resource hub. Five layouts: a filtered featured grid, a minimal text-first list, a lead-plus-latest rail, an image-led magazine grid and a date-led archive list.
Built from#
A composition over the surface tokens: a ToggleGroup for the category filter, a soft Badge per topic (one hue each), and an Avatar for the author byline. The cover images carry a hairline inset ring so they never float against a light surface.
Responsive#
The featured story lays image beside copy on desktop and stacks on mobile; the grid steps from three columns to two to one as the frame narrows. Dates and reading times use tabular-nums so the meta rows stay aligned. Resize the preview to watch the cards recompose.