epsteinexposed.com website design: fonts, colors and UI patterns

6 featured captures, observed fonts including Inter, Jet Brains Mono, 16 prominent colors from epsteinexposed.com, with sourced design evidence from Fudge.

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

Captured pages

Overview

epsteinexposed.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by #000000, #e6edf3, and #6e7681, with typography led by Inter and Jet Brains Mono. The guide below names reusable design roles only where the captured evidence supports them.

The reference set uses representative captured pages. It is a design reference, not a claim about the site's private source code or a complete responsive specification.

Design tokens

The token names are practical labels for the recorded values. They are not claims about the source site's variable names.

Colors

tokenvalueobserved use
color.surface#000000surface on page content in the main
color.text#e6edf3text on page content in the main
color.text#6e7681text on page content in the button
color.border#1b2332border on page content in the button
color.text#7d8590text on page content in the button
color.surface#0c1017surface on page content in the main
color.surface#0d1117surface on page content in the button
color.text#d4a843text on page content in the button
color.border#06080dborder on page content in the main
color.surface#131921surface on page content in the button
color.text#c23b22text on page content in the button
color.border#2b7fffborder on page content

Typography

tokenfont familysizeweightline heightletter spacingobserved use
type.body-16pxInter16px40025.6pxnormal<div> in the main, <div> in the header, <div>, <button> in the button, <span> in the button, <a> in the main, <div> in the aside, and <a> in the aside
type.utility-12pxInter12px40016pxnormal<div> in the main, <span> in the main, <span> in the button, <button> in the button, <p> in the main, <a> in the aside, <p> in the aside, and <a> in the main
type.body-14pxInter14px40022.75pxnormal<p> in the main
type.body-14pxInter14px40020pxnormal<div> in the button, <button> in the button, <div> in the main, <p> in the main, <span> in the aside, and <a> in the main
type.body-16pxInter16px40026pxnormal<p> in the main
type.body-14pxInter14px50020pxnormal<span> in the main, <a> in the nav, <button> in the button, <p> in the aside, and <a> in the main
type.heading-16pxInter16px70019.2px-0.16px<h1> in the main
type.heading-24pxJet Brains Mono24px70032pxnormal<div> in the main and <button> in the button
type.utility-10pxJet Brains Mono10px40016pxnormal<button> in the button, <span> in the button, and <span> in the main
type.utility-12pxInter12px50016pxnormal<button> in the button
type.heading-14pxInter14px60020pxnormal<div> in the main, <span> in the main, and <span>
type.heading-18pxInter18px70029.25px-0.16px<span> in the main
type.utility-12pxJet Brains Mono12px40016pxnormal<span> in the main, <div> in the main, and <p> in the main
type.display-36pxInter36px70043.2px-0.36px<h1> in the main
type.body-16pxInter16px40024pxnormal<p> in the main
type.display-72pxJet Brains Mono72px70072px-1.8px<span> in the main
type.heading-14pxInter14px70016.8px-0.14px<h2> in the main
type.utility-10pxJet Brains Mono10px40016px0.5px<div> in the main and <p> in the main
type.utility-12pxJet Brains Mono12px40019.2pxnormal<span> in the main
type.heading-20pxInter20px70024px-0.2px<h2> in the main

Spacing

valuepropertyobserved element
0px 216pxmarginpage content
0px 24pxpaddingpage content
32px 24pxpaddingpage content
12pxpaddingpage content
96px 24pxpaddingpage content
0px 0px 16pxmarginpage content
16pxpaddingpage content
0px 0px 24pxmarginpage content

Shape and depth

The captured pages use 1px solid 8px, 1px 0px 0px solid 0px, 1px solid 12px, 0px none 4px, 1px solid 3.35544e+07px, 1px solid 3.35544e+07px, 0px none 6px, and 1px solid 3.35544e+07px border treatments. Recorded shadows include rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.4) 0px 20px 25px -5px, oklab(0 0 0 / 0.4) 0px 8px 10px -6px and rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.622989 -0.0378532 -0.210606 / 0.1) 0px 20px 25px -5px, oklab(0.622989 -0.0378532 -0.210606 / 0.1) 0px 8px 10px -6px.

Colors

The visual system is predominantly dark surface treatment. Surface colors include #000000, #0c1017, and #0d1117. Text colors include #e6edf3, #6e7681, and #7d8590. Keep image-derived colors separate from interface colors.

Typography

The captured type system uses Inter and Jet Brains Mono. The table records measured size, weight, leading, and tracking where available; it does not establish licensing or a complete fallback stack.

Layout

The captured pages use values such as 0px 216px, 0px 24px, 32px 24px, 12px, and 96px 24px for padding and margin. These are measured usages, not a resolved scale. The available evidence does not establish container widths, grid rules, or breakpoints.

Visual language

The captured visual language is predominantly dark surface treatment. Surface treatment centers on #000000, #0c1017, #0d1117, and #131921. Depth is supported by the returned shadows.

Components and states

The captured pages include repeated styling on <div>, <button>, <span>, <p>, <a>, <h2>, <h1>, and <text> elements. The evidence does not identify reusable component boundaries or interaction states. Treat loading, focus, hover, pressed, error, and disabled states as implementation work to validate rather than as captured facts.

Responsive behavior

The captured token set does not establish breakpoint values or mobile behavior. Validate stacking, navigation changes, image treatment, and type scaling against the representative captures before implementing a responsive adaptation.

Practical implementation guidance

  • Preserve the dark surface relationship and the measured type hierarchy before adding decorative treatment.
  • Start from the returned typography, spacing, color, and border values; name any new scale or semantic role as an adaptation rather than as a source fact.
  • Keep the captured font families separate from licensing decisions.
  • Use screenshots to validate component anatomy, responsive behavior, focus treatment, and motion before shipping.
  • Avoid introducing gradients or shadows beyond the captured treatment; the returned evidence includes those treatments.

Scope note

The guide uses representative captured pages. The evidence supports the values and observations above; it does not establish component semantics, interaction states, motion timing, breakpoint rules, font licensing, or a complete source stylesheet.

Colors

  • #000000
  • #e6edf3
  • #6e7681
  • #1b2332
  • #7d8590
  • #0c1017
  • #0d1117
  • #d4a843
  • #06080d
  • #131921
  • #c23b22
  • #2b7fff
  • #1a2230
  • #94a3b8
  • #dc2626
  • #ffffff

Typography captured from epsteinexposed.com

  • Inter

    Weight 400 · Size 16px · Line height 25.6px

  • Jet Brains Mono

    Weight 400 · Size 10px · Line height 16px

More website design guides

Browse website design guides by pattern and website.