# Paired type system design examples

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

Last updated: 2026-08-05

Explore website designs that use **Paired type system**.

## Captured pages

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10732?format=jpg)](https://design.withfudge.com/share/pin-10732)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10732)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10731?format=jpg)](https://design.withfudge.com/share/pin-10731)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10731)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10730?format=jpg)](https://design.withfudge.com/share/pin-10730)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10730)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10729?format=jpg)](https://design.withfudge.com/share/pin-10729)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10729)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10727?format=jpg)](https://design.withfudge.com/share/pin-10727)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10727)

[![Fairphone | Official Website](https://pin.fontofweb.com/10726?format=jpg)](https://design.withfudge.com/share/pin-10726)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10726)

[![Fairphone | Official Website](https://pin.fontofweb.com/10725?format=jpg)](https://design.withfudge.com/share/pin-10725)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10725)

[![Fairphone | Official Website](https://pin.fontofweb.com/10724?format=jpg)](https://design.withfudge.com/share/pin-10724)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10724)

[![Fairphone | Official Website](https://pin.fontofweb.com/10723?format=jpg)](https://design.withfudge.com/share/pin-10723)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10723)

[![Fairphone | Official Website](https://pin.fontofweb.com/10722?format=jpg)](https://design.withfudge.com/share/pin-10722)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10722)

[![Fairphone | Official Website](https://pin.fontofweb.com/10721?format=jpg)](https://design.withfudge.com/share/pin-10721)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10721)

[![Fairphone | Official Website](https://pin.fontofweb.com/10720?format=jpg)](https://design.withfudge.com/share/pin-10720)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10720)

## Related design patterns

- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Body role](/share/designs-with-typography.role.body)
- [Solid background](/share/designs-with-visual.background.solid)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)

## Related website guides

- [accounts.theatlantic.com design guide](/share/accounts.theatlantic.com-design)
- [ai-sdk.dev design guide](/share/ai-sdk.dev-design)
- [aiverse.design design guide](/share/aiverse.design-design)
- [ampcode.com design guide](/share/ampcode.com-design)
- [artificialanalysis.ai design guide](/share/artificialanalysis.ai-design)
- [ashmolean.org design guide](/share/ashmolean.org-design)
- [assistant-ui.com design guide](/share/assistant-ui.com-design)
- [besimple.ai design guide](/share/besimple.ai-design)
- [brave.com design guide](/share/brave.com-design)
- [cal.com design guide](/share/cal.com-design)
- [chatgpt.com design guide](/share/chatgpt.com-design)
- [claude.ai design guide](/share/claude.ai-design)
- [claude.com design guide](/share/claude.com-design)
- [claura.framer.ai design guide](/share/claura.framer.ai-design)
- [cofounder.co design guide](/share/cofounder.co-design)
- [continue.dev design guide](/share/continue.dev-design)
- [designerdailyreport.com design guide](/share/designerdailyreport.com-design)
- [dosu.dev design guide](/share/dosu.dev-design)
- [every.to design guide](/share/every.to-design)
- [fin.ai design guide](/share/fin.ai-design)
- [firehose.com design guide](/share/firehose.com-design)
- [getdesign.md design guide](/share/getdesign.md-design)
- [gojiberry.ai design guide](/share/gojiberry.ai-design)
- [hauntii.com design guide](/share/hauntii.com-design)
- [humalike.ai design guide](/share/humalike.ai-design)
- [impeccable.style design guide](/share/impeccable.style-design)
- [jsfiddle.net design guide](/share/jsfiddle.net-design)
- [kilo.ai design guide](/share/kilo.ai-design)
- [lit.dev design guide](/share/lit.dev-design)
- [liveblocks.io design guide](/share/liveblocks.io-design)
- [mymind.com design guide](/share/mymind.com-design)
- [new.email design guide](/share/new.email-design)
- [nga.gov design guide](/share/nga.gov-design)
- [notion.com design guide](/share/notion.com-design)
- [odylicmedia.com design guide](/share/odylicmedia.com-design)
- [onmy.land design guide](/share/onmy.land-design)
- [openai.com design guide](/share/openai.com-design)
- [opper.ai design guide](/share/opper.ai-design)
- [paths.grasp.study design guide](/share/paths.grasp.study-design)
- [shop.heavymetal.com design guide](/share/shop.heavymetal.com-design)
- [temporal.io design guide](/share/temporal.io-design)
- [type.lol design guide](/share/type.lol-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [aihero.dev design guide](/share/aihero.dev-design)
- [avocasystems.com design guide](/share/avocasystems.com-design)
- [diabrowser.com design guide](/share/diabrowser.com-design)
- [fairphone.com design guide](/share/fairphone.com-design)
- [minimax.io design guide](/share/minimax.io-design)
- [nytimes.com design guide](/share/nytimes.com-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)
- [ziggle.art design guide](/share/ziggle.art-design)
