How pangrampangram.com is designed

A conversation about the visual system observed across captured pangrampangram.com pages.

How is pangrampangram.com designed? Show me the visual system I can use as a reference.

Here is the visual system observed across 29 captured pages from pangrampangram.com.

Colors

  • #000000
  • #ededed
  • #ffffff
  • #fafafa
  • #666666
  • #ff2f00
  • #d9d9d9
  • #151515
  • #d0d0d0
  • #282828
  • #010101
  • #ababab
  • #f7f7f7
  • #585858
  • #454545
  • #020202

Typography captured from pangrampangram.com

  • Sf Pro

    Weight 400 · Size 14px · Line height 18.2px

  • Eiko

    Weight 100 · Size 62.2263px · Line height 62.2263px

  • Pp Neue Montreal

    Weight 450 · Size 14px · Line height 18.2px

  • Neuemontreal

    Weight 530 · Size 32.96px · Line height 42.848px

  • Pp Neue Corp

    Weight 400 · Size 67.2px · Line height 67.2px

  • Pp Watch

    Weight 485 · Size 67.2px · Line height 67.2px

## Captured details | Detail | Observed | | --- | ---: | | Captured pages | 29 | | Colors | 181 | | Spacing values | 58 | | Borders and radii | 25 | | Shadows | 0 | | Gradients | 0 |

Captured pages

## References - Eiko - An Elegant and Refined Serif - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page - Neue Montreal - Free to Try Font – Pangram Pangram Foundrysource page