Beautiful Web Type

DM Sans

Thin

Italic

100

Extra Light

Italic

200

Light

Italic

300

Regular

Italic

400

Medium

Italic

500

Semi Bold

Italic

600

Bold

Italic

700

Extra Bold

Italic

800

Black

Italic

900

Extra Black

Italic

1000

Characters

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
Åå
Ææ
Çç
Éé
Øø
Ññ
Üü
Žž
1234567890
‘¿?’
“!”
- – —
(&)
[*]
{@}
€£¥$¢
:;,.
<>+÷×=

DM Sans was commissioned for DeepMind under the creative direction of design consultancy MultiAdaptor, developed by the British studio Colophon Foundry, and released through Google Fonts in 2019. The project began with the Latin glyph set of Jonny Pinhorn’s Poppins for Indian Type Foundry, adjusting its geometric forms for smaller text and digital interfaces. Colophon relaxed the reliance on compass-drawn shapes to create a reading face suited to software controls and technical copy. A 2023 update expanded the variable weight range to 100–1000 and introduced a dedicated optical-size axis.

The face retains the circular bowls and even strokes associated with the geometric sans-serif tradition, balanced by optical adjustments for screen use. A pronounced x-height gives lowercase letters a clear presence within buttons, cards, and data tables. Curves and stroke junctions are adjusted to distribute weight more evenly, while the apertures of letters such as c and e remain relatively open. The optical-size axis changes outlines and spacing across the size range: smaller settings allow more room between forms, while larger settings produce a tighter texture. Its stylistic sets offer further choices in letter construction, punctuation, figures, and arrows without changing the family’s underlying character.

DM Sans works well in product design systems, application interfaces, dashboards, responsive navigation, and supporting text. Its geometric forms provide a consistent visual rhythm across controls and headings. Within the DeepMind suite, it can handle functional information alongside the more expressive DM Serif families or the fixed-pitch DM Mono. The broad weight range and companion italics support a varied hierarchy while keeping the overall voice consistent.

Words

Questography

difficult waffles

Havana Plywood

Château d’Yquem

Högertrafikomläggningen

hamburgevontpids

Headlines

Thin · 100

Brawny gods just flocked up to quiz and vex him

Thin Italic · 100

Brawny gods just flocked up to quiz and vex him

Extra Light · 200

Amazingly few discotheques provide jukeboxes

Extra Light Italic · 200

Amazingly few discotheques provide jukeboxes

Light · 300

Why shouldn’t a quixotic Kazakh vampire jog barefoot?

Light Italic · 300

Why shouldn’t a quixotic Kazakh vampire jog barefoot?

Regular · 400

Grumpy wizards make a toxic brew for the jovial queen

Regular Italic · 400

Grumpy wizards make a toxic brew for the jovial queen

Medium · 500

Jackie will budget for the most expensive zoology equipment

Medium Italic · 500

Jackie will budget for the most expensive zoology equipment

Semi Bold · 600

Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf

Semi Bold Italic · 600

Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf

Bold · 700

Jeg begynte å fortære en sandwich mens jeg kjørte taxi på vei til quiz

Bold Italic · 700

Jeg begynte å fortære en sandwich mens jeg kjørte taxi på vei til quiz

Extra Bold · 800

Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich

Extra Bold Italic · 800

Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich

Black · 900

Gazeta publica hoje no jornal uma breve nota de faxina na quermesse

Black Italic · 900

Gazeta publica hoje no jornal uma breve nota de faxina na quermesse

Extra Black · 1000

Înjurând pițigăiat, zoofobul comandă vexat whisky și tequila

Extra Black Italic · 1000

Înjurând pițigăiat, zoofobul comandă vexat whisky și tequila

Website hero

Reframe.

New life forold buildings.

We give empty shops, tired offices, and forgotten warehouses a reason to open their doors again.

01 / Peckham, London

Almond Yard

A tiled shopfront becomes a neighbourhood kitchen, with a shared table where the counter used to be and a courtyard open for Sunday lunch.

Almond Yard project data
Existing area128 m²
Added area24 m²
Structure kept86%
On site26 weeks

02 / Kelham Island, Sheffield

Rutland Works

A former cutlery workshop makes room for a ceramicist, a frame maker, and a bicycle repair shop. New partitions stop below the original roof trusses.

Rutland Works project data
Existing area640 m²
Added area48 m²
Structure kept94%
On site38 weeks

03 / Stokes Croft, Bristol

Picton House

Two empty floors above a corner shop become six compact homes. A new stair brings daylight into the centre; the shop keeps trading throughout.

Picton House project data
Existing area312 m²
Added area0 m²
Structure kept91%
On site32 weeks

04 / Cliftonville, Margate

The Westbury

An empty cinema finds its second act as a rehearsal room and evening venue. The curved balcony remains, along with the ticket window on the street.

The Westbury project data
Existing area875 m²
Added area36 m²
Structure kept97%
On site44 weeks

Software interfaces

ALMKJS
PRJ–024

Website redesign

Refresh the studio website for our summer launch. Four tasks, one shared direction.

In progressDue May 24
MKMorgan Kim2h ago

First concepts are ready for review. Let’s focus on navigation and the mobile layout.

First concepts.pdf 2.4 MB
Tasks completed2 / 4

Website traffic

studio.example

Last 7 days
24,608Increase of 12.8%

Unique visitors · compared with the previous 7 days

May 18May 20May 22May 24

Jump to…

Find something in your workspace.

Project tasksWebsite redesign
Shared files3 project documents
Design reviewMay 24 · 10:30

Shared files

Website redesign / Resources

3 files
NameUpdated
Brand guidelinesPDF · 2.4 MB
Just now
Website explorationFIG · 18.6 MB
2 hours ago
Notes on a new directionDOC · 48 KB
Yesterday
MAY
24

Design review

10:30–11:15

Walk through the first website concepts with the team.

MK

Morgan Kim

Meeting organizer

Paragraphs

With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”

With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”

With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”

Stylistic sets
Size128
Weight400
Optical size9

Optical Size

font-variation-settings: 'opsz';

Optical

'opsz' 9

Optical

'opsz' 24

Optical

'opsz' 40

Standard Ligatures

font-feature-settings: 'liga';

fifi
flfl

Figures

1234567890

Proportional Lining (default)

1/2 3/4

Fractions: 'frac'

H123

Numerators: 'numr'

H123

Denominators: 'dnom'

H123

Superscripts: 'sups'

Ordinals

font-feature-settings: 'ordn';

3a3a
4o4o

Stylistic Sets

font-feature-settings: 'ss--';

‘¿?’‘¿?’

'ss01'

aa

'ss02'

gg

'ss03'

uu

'ss04'

yy

'ss05'

QQ

'ss06'

1346913469

'ss07'

↑→↓↑→↓

'ss08'

Case Sensitive Forms

font-feature-settings: 'case';

(H)(H)
¿¡¿¡

Loading glyphs…

Selected glyph details
Glyph name
Not available
Unicode
Not encoded
HTML entity
Not available
CSS escape
Not available