Inside the Justin Jefferson website design
Justin Jefferson is an entertainment website built with custom code, Next.js, Tailwind CSS, and Three.js. Its pages are built from hero, testimonials, gallery, and footer sections, shown here in full-page captures and a scroll recording. Typography: Beachwood Variable (display text), Font Body (body text), and Font Mono (monospaced text). Colours: background #171220, text #F4EFE6, main buttons #EEAC1A, accent #9E6DE9.
Justin Jefferson, wide receiver for the Minnesota Vikings. Records, career stats, partnerships, the JJets Foundation and his journal. Its visual style is bold, editorial, and typographic, with hero with background imagery, navigation bar, and primary button among its components.
What to look for
- Hero: a specific headline instead of a generic slogan
- Testimonials: names, roles, and photos or logos for credibility
- Gallery: minimal interface around the images
- Footer: grouped navigation with clear column headings
Sections from Justin Jefferson
Questions designers ask
What fonts does Justin Jefferson use?
Justin Jefferson uses Beachwood Variable for display text, Font Body for body text, and Font Mono for monospaced text, measured from the captured page's CSS.
What is the Justin Jefferson website built with?
The Justin Jefferson website is built with custom code, Next.js, Tailwind CSS, and Three.js, detected when the page was captured.
What colours does the Justin Jefferson website use?
Measured from the captured page's CSS, the Justin Jefferson website uses #171220 for the background, #F4EFE6 for text, #EEAC1A for main buttons, and #9E6DE9 as an accent.
What sections does the Justin Jefferson website have?
The Justin Jefferson website includes hero, testimonials, gallery, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Justin JeffersonJustin Jefferson
