Skip to main content

Content

8 pages

How do I tell the company’s story with a timeline, values and the numbers?

“Our story”: the mission beside the founding prose, a milestone timeline that runs across the page at wide widths and down it at narrow ones with “today” marked, four values with an icon and prose, and the company by the numbers in a StatsBand.

2 examples

How do I list the blog with a featured post, topic filters and load more?

A blog index: the newest post large at the top with its cover, topic chips that filter the grid, and cards with cover, tag, title, excerpt, author, date and reading time. “Load more” reveals the next page from the data; the count is announced.

4 examples

How do I lay out an article with a table of contents, real prose and a newsletter foot?

An article page: tag, title, lead, the author with date and reading time and share buttons; a sticky table of contents that marks the current section; the body as real prose — headings, paragraphs, a pull quote, a list, a code block and a figure — then related posts and a newsletter foot that validates.

4 examples

How do I list open roles with filters that work and an empty state that keeps the candidate?

Open roles under three reasons to join: team and location selects plus a remote switch narrow the list, roles are grouped by team as rows with location, type, a “New” badge and an apply link, the count is announced, and an empty state takes an email when nothing matches.

3 examples

How do I show customer results as a grid people can filter by industry?

A case-study grid: industry chips that filter, cards led by the headline result as a big number, the customer as a text wordmark, a one-line summary, industry and region meta and a “Read story” link; one featured story spans two columns with its pull quote.

3 examples

How do I publish release notes people can scan by version?

Versioned release notes down a rail: date, version badge and title per release, changes with a New / Improved / Fixed badge that carries an icon as well as a colour, a “Breaking” callout with a migration link, docs links, an All / Major / Minor filter and a subscribe row with RSS.

3 examples

How do I build a help-centre landing with search, topics and a way out when stuck?

A help-centre landing: a big search with suggested queries as chips, six topic cards with an icon and article count, the most-read articles with view counts, and a “Still stuck?” row pointing at support, the status page and the community.

3 examples

How do I publish a resource library people can browse by type?

A resource library: a featured banner up top, type tabs (All, Guides, Webinars, Reports, Templates) that filter the grid, cards with a type badge that carries an icon, title, blurb, duration or page count and a Download / Watch action; the result count is announced.

2 examples