MUUDS

Curated catalog of analyzed web design.

incention-io

Bold entertainment-tech platform featuring massive graphic display typography against a warm pale canvas. Cinematic video thumbnails and partner logos give it an authoritative Hollywood presence, grounded by vibrant orange pill buttons.

Visit site

Rated

7.6/ 10

From 4 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
8.5
Systemmeasured
5.8
Distinctionmeasured
9.6
on the grid
49%
vertical rhythm
62%
type on a scale
80%
contrast passing AA
40%
unlike the library
0.32
model craft
7.5/10
model deviation
3.5/10

Colour

Background#fdfff5
Text#000000
Accent#f9752d
Surface#fdfff5
Muted#999999

Typefaces

Display
marvinFont
Body
ppneueFont
Mono
Source
self_hosted
Scale
20 · 32 · 40 · 50 · 125

Layout

Grid
12 columns
Container
893px
Spacing base
5px
Radius
12px

Capture

Category
media
Sections
4
Captured
2026-08-30
Rhythm
light x3 → dark

Type rules

  • display type set in heavyweight uppercase retro-futuristic display font
  • body text set in clean grotesque sans-serif at 20px with generous line height

Colour rules

  • warm off-white canvas (#fdfff5) dominates the main page body
  • vivid orange (#f9752d) reserved exclusively for call-to-action pill buttons
  • footer inverts completely to pure black (#000000) with white and grey text

Voice rules

  • partner spotlights pair official IP context with direct external links
  • action buttons always begin with an arrow indicator

Holds it together

  • primary headline uses all-caps heavy display face centered at the top of the viewport
  • showcase entries split 50/50 between rounded cinematic media and structured partner copy
  • interactive CTA buttons are bright orange pills with leading directional arrows

Contrast

text on background20.8:1 AAA
muted text on background2.8:1 fail
text on surface20.8:1 AAA
accent on background2.7:1 fail
background on accent2.7:1 fail

Type, measured

Body
20px / 1.4
Measure
66 characters
Display
125px / 0.92
Tracking
0em display
Scale ratio
1.58

Voice

Tone
declarative, confident, commercial
Sentences
medium
Person
second
Vocabulary
industry
Calls to action
visit, get

Built with

Builder
Framework
next
Motion
WebGL
Nav
sticky_top_bar, 1 items, sticky
Length
2.3 screens

Sections in page order

3 marked strong · 4

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

  1. 00

    hero

    Strong

    Massive, high-contrast blocky typography delivers an immediate and punchy statement across a warm, airy canvas.

    Mood
    bold + raw
    Layout
    12 col · centered · airy
    Open section →
    Massive, high-contrast blocky typography delivers an immediate and punchy statement across a warm, airy canvas.
  2. 01

    showcase

    Crisp editorial case study spotlight pairing cinematic video footage with clean typographic branding and a bright orange call to action.

    Mood
    bold + editorial
    Layout
    2 col · split · balanced
    Open section →
    Crisp editorial case study spotlight pairing cinematic video footage with clean typographic branding and a bright orange call to action.
  3. 02

    showcase

    Strong

    Cinematic entertainment showcase combining moody video imagery with high-contrast typography and vivid orange call-to-action buttons on a warm cream canvas.

    Mood
    editorial + bold
    Layout
    2 col · split · balanced
    Open section →
    Cinematic entertainment showcase combining moody video imagery with high-contrast typography and vivid orange call-to-action buttons on a warm cream canvas.
  4. 03

    footer

    Strong

    A stark black footer with crisp monochrome typography, balancing a heavy logo against lightweight multi-column links.

    Mood
    quiet + clinical
    Layout
    6 col · split · airy
    Open section →
    A stark black footer with crisp monochrome typography, balancing a heavy logo against lightweight multi-column links.

More like this

by shared mood