# affinity.studio website design: fonts, colors and UI patterns

[Open the live Fudge conversation](https://design.withfudge.com/share/affinity.studio-design)

Last updated: 2025-11-17

Based on **12 captured pages** from [affinity.studio](https://affinity.studio), this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated **2025-11-17**.

## Captured pages

[![Affinity Download | Free Pro Design Software Fully Optimised for Mac and Windows](https://pin.fontofweb.com/4712?format=jpg)](https://design.withfudge.com/share/pin-4712)

[Affinity Download | Free Pro Design Software Fully Optimised for Mac and Windows](https://design.withfudge.com/share/pin-4712)

[![Affinity Download | Free Pro Design Software Fully Optimised for Mac and Windows](https://pin.fontofweb.com/4711?format=jpg)](https://design.withfudge.com/share/pin-4711)

[Affinity Download | Free Pro Design Software Fully Optimised for Mac and Windows](https://design.withfudge.com/share/pin-4711)

[![Get Affinity | Pro Power with No Strings Attached](https://pin.fontofweb.com/4710?format=jpg)](https://design.withfudge.com/share/pin-4710)

[Get Affinity | Pro Power with No Strings Attached](https://design.withfudge.com/share/pin-4710)

[![Get Affinity | Pro Power with No Strings Attached](https://pin.fontofweb.com/4709?format=jpg)](https://design.withfudge.com/share/pin-4709)

[Get Affinity | Pro Power with No Strings Attached](https://design.withfudge.com/share/pin-4709)

[![Get Affinity | Pro Power with No Strings Attached](https://pin.fontofweb.com/4708?format=jpg)](https://design.withfudge.com/share/pin-4708)

[Get Affinity | Pro Power with No Strings Attached](https://design.withfudge.com/share/pin-4708)

[![Get Affinity | Pro Power with No Strings Attached](https://pin.fontofweb.com/4707?format=jpg)](https://design.withfudge.com/share/pin-4707)

[Get Affinity | Pro Power with No Strings Attached](https://design.withfudge.com/share/pin-4707)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4243?format=jpg)](https://design.withfudge.com/share/pin-4243)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4243)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4242?format=jpg)](https://design.withfudge.com/share/pin-4242)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4242)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4241?format=jpg)](https://design.withfudge.com/share/pin-4241)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4241)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4240?format=jpg)](https://design.withfudge.com/share/pin-4240)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4240)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4239?format=jpg)](https://design.withfudge.com/share/pin-4239)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4239)

[![Affinity | Professional Creative Software, Free for Everyone](https://pin.fontofweb.com/4238?format=jpg)](https://design.withfudge.com/share/pin-4238)

[Affinity | Professional Creative Software, Free for Everyone](https://design.withfudge.com/share/pin-4238)

## Typography captured from affinity.studio

- **Affinity Serif Variable**
- **Canva Sans Sans**

### How Fudge assembled this page

Fudge automatically assembled this guide from saved screenshots and extracted typography and color observations. It does not claim access to private source files or design tokens.