# Multi-family type system design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-typography.system_size.multi_family)

Last updated: 2026-08-03

Explore website designs that use **Multi-family type system**.

## Captured pages

[![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10673?format=jpg)](https://design.withfudge.com/share/pin-10673)

[Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10673)

[![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10671?format=jpg)](https://design.withfudge.com/share/pin-10671)

[Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10671)

[![Dia Browser | Multiplying tabs? Dia keeps them in check](https://pin.fontofweb.com/10611?format=jpg)](https://design.withfudge.com/share/pin-10611)

[Dia Browser | Multiplying tabs? Dia keeps them in check](https://design.withfudge.com/share/pin-10611)

[![Dia Browser | Latest Release Notes](https://pin.fontofweb.com/10609?format=jpg)](https://design.withfudge.com/share/pin-10609)

[Dia Browser | Latest Release Notes](https://design.withfudge.com/share/pin-10609)

[![Dia Browser | Latest Release Notes](https://pin.fontofweb.com/10608?format=jpg)](https://design.withfudge.com/share/pin-10608)

[Dia Browser | Latest Release Notes](https://design.withfudge.com/share/pin-10608)

[![Dia Browser | Latest Release Notes](https://pin.fontofweb.com/10607?format=jpg)](https://design.withfudge.com/share/pin-10607)

[Dia Browser | Latest Release Notes](https://design.withfudge.com/share/pin-10607)

[![Dia | A browser you won't dread opening](https://pin.fontofweb.com/10603?format=jpg)](https://design.withfudge.com/share/pin-10603)

[Dia | A browser you won't dread opening](https://design.withfudge.com/share/pin-10603)

[![Become a Real AI Hero](https://pin.fontofweb.com/10598?format=jpg)](https://design.withfudge.com/share/pin-10598)

[Become a Real AI Hero](https://design.withfudge.com/share/pin-10598)

[![Parallel](https://pin.fontofweb.com/10579?format=jpg)](https://design.withfudge.com/share/pin-10579)

[Parallel](https://design.withfudge.com/share/pin-10579)

[![Parallel](https://pin.fontofweb.com/10575?format=jpg)](https://design.withfudge.com/share/pin-10575)

[Parallel](https://design.withfudge.com/share/pin-10575)

[![pramit.gg · Pramit Mazumder](https://pin.fontofweb.com/10445?format=jpg)](https://design.withfudge.com/share/pin-10445)

[pramit.gg · Pramit Mazumder](https://design.withfudge.com/share/pin-10445)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Monospace](/share/designs-with-typography.generic.monospace)
- [Serif](/share/designs-with-typography.generic.serif)

## Related website guides

- [firehose.com design guide](/share/firehose.com-design)
- [aihero.dev design guide](/share/aihero.dev-design)
- [diabrowser.com design guide](/share/diabrowser.com-design)