# pangrampangram.com website design: fonts, colors and UI patterns

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

Last updated: 2026-06-25

Based on **12 captured pages** from [pangrampangram.com](https://pangrampangram.com), this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated **2026-06-25**.

## Captured pages

[![Eiko - An Elegant and Refined Serif - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/9783?format=jpg)](https://design.withfudge.com/share/pin-9783)

[Eiko - An Elegant and Refined Serif - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-9783)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8534?format=jpg)](https://design.withfudge.com/share/pin-8534)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8534)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8533?format=jpg)](https://design.withfudge.com/share/pin-8533)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8533)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8532?format=jpg)](https://design.withfudge.com/share/pin-8532)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8532)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8531?format=jpg)](https://design.withfudge.com/share/pin-8531)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8531)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8530?format=jpg)](https://design.withfudge.com/share/pin-8530)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8530)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8529?format=jpg)](https://design.withfudge.com/share/pin-8529)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8529)

[![Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://pin.fontofweb.com/8528?format=jpg)](https://design.withfudge.com/share/pin-8528)

[Neue Montreal - Free to Try Font – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8528)

[![Pangram Pangram — Free to try, High-Quality Fonts for Designers – Pangram Pangram Foundry](https://pin.fontofweb.com/8527?format=jpg)](https://design.withfudge.com/share/pin-8527)

[Pangram Pangram — Free to try, High-Quality Fonts for Designers – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-8527)

[![NeueBit and Mondwest - A modern brutalist bitmap font pack - Free to Try – Pangram Pangram Foundry](https://pin.fontofweb.com/4377?format=jpg)](https://design.withfudge.com/share/pin-4377)

[NeueBit and Mondwest - A modern brutalist bitmap font pack - Free to Try – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-4377)

[![Neue Montreal Arabic - Free to Try Font - Arabic coverage on our most popular Grotesk Type – Pangram Pangram Foundry](https://pin.fontofweb.com/397?format=jpg)](https://design.withfudge.com/share/pin-397)

[Neue Montreal Arabic - Free to Try Font - Arabic coverage on our most popular Grotesk Type – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-397)

[![Neue Montreal Arabic - Free to Try Font - Arabic coverage on our most popular Grotesk Type – Pangram Pangram Foundry](https://pin.fontofweb.com/396?format=jpg)](https://design.withfudge.com/share/pin-396)

[Neue Montreal Arabic - Free to Try Font - Arabic coverage on our most popular Grotesk Type – Pangram Pangram Foundry](https://design.withfudge.com/share/pin-396)

## Colors

- `#ababab`
- `#000000`
- `#ff2f00`
- `#fafafa`

## Typography captured from pangrampangram.com

- **Sf Pro**
- **Eiko**
- **Pp Neue Montreal**
- **Neuemontreal**
- **Pp Watch**
- **Pp Neue Corp**
- **Pp Neue Bit**
- **Pp Mondwest**

### 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.