Live Bond Yields

The Brief

Bond yields usually live in terminals and dense spreadsheets. Our brief to ourselves was one readable screen covering dozens of government markets, with enough explanation that a newcomer can follow along.

• Rank countries by 10-year yield in a single table, with flags and regions for quick orientation.
• Show momentum at a glance: one-day, one-week, one-month, year-to-date and one-year changes.
• Express each market's spread against US Treasuries in basis points.
• Explain yield curves and bond basics for readers who are new to fixed income.

What We Designed

There is no hero image here: the page opens straight onto the data, with a live indicator, a line confirming how recently the yields were updated and a refresh button. The table follows, one row per country with its flag, region, 10-year yield, one-day move, spread to US Treasuries and longer-term changes, and below it come sections on understanding global yields, reading the yield curve, a FAQ and bond market updates.

We paired Instrument Sans for labels and headings with IBM Plex Mono for the numbers, so decimal places line up and the eye can run straight down a column of yields. The palette is a deep navy-black with crisp white text and a green accent that marks the live state, which gives the figures as much contrast as possible.

How We Achieved It

Yield data is gathered automatically across 11 maturities, from one month out to 30 years, so the site can show full curves as well as the 10-year benchmark. The header states how long ago the figures were refreshed and offers a refresh button, which tells readers exactly how current the data is.

Beneath the table, written sections explain how government yields work and how to read a yield curve, and the FAQ uses expandable answers so it stays compact. The site carries a full set of legal policies, a contact form and a newsletter signup, and both forms are protected against spam with Google reCAPTCHA.