SearchSubmit
MUUDS

Curated catalog of analyzed web design.

thisisbond-com

Deeply refined, editorial studio confidence grounded in a warm charcoal canvas. Dramatic shifts in scale pair monumental wordmarks and tactile abstract art with delicate, light-weight serif typography. Colour bursts are disciplined, appearing only within curated project tiles and testimonial cards.

quietboldeditorialplayful
Visit site

Rated

6.6/ 10

From 11 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
9.0
Systemmeasured
3.6
Distinctionmeasured
7.7
on the grid
27%
vertical rhythm
39%
type on a scale
57%
contrast passing AA
20%
unlike the library
0.27
model craft
7.7/10
model deviation
5.0/10

Colour

Background#282828
Text#ffffff
Accent#ff4b4f
Surface#d2d9da
Muted#1f1d1e

Typefaces

Display
Signifier
Body
SCTO Groteska Bond
Mono
—
Source
self_hosted
Scale
15 · 22 · 25 · 43 · 57 · 75

Layout

Grid
—
Container
—
Spacing base
8px
Radius
100px · 8px

Capture

Category
agency
Sections
11
Captured
2026-08-30
Rhythm
dark x7 → mixed → dark x3

Type rules

  • display headlines set in Signifier serif with tight line-height
  • body text set at 22px with narrow line measure of roughly 48 characters
  • category badges and metadata set in small sans-serif uppercase

Colour rules

  • dark charcoal #282828 dominates the entire background canvas
  • coral accent #ff4b4f used sparingly for highlighted manifesto punchlines and active tags
  • saturated brand block tones restricted to showcase tiles and testimonial cards

Voice rules

  • anchor claims in proprietary conceptual vocabulary
  • keep calls to action minimal and direct

Holds it together

  • maintain a uniform charcoal background across all core editorial sections
  • contrast large serif statements with stark, rounded pill buttons and cards
  • use full-bleed showcase tiles with saturated background fields to break up typographic flow

Contrast

text on background14.7:1 AAA
muted text on background1.1:1 fail
text on surface1.4:1 fail
accent on background4.5:1 AA Large
background on accent4.5:1 AA Large

Type, measured

Body
22px / 1.1
Measure
48 characters
Display
95px / 1.05
Tracking
-0.03em display
Scale ratio
1.44

Voice

Tone
poetic, confident, authoritative
Sentences
medium
Person
first
Vocabulary
sophisticated
Calls to action
contact, learn, read

Built with

Builder
webflow
Framework
—
Motion
gsap, swiper
WebGL
—
Nav
top_bar, 4 items
Length
8.9 screens

Sections in page order

3 marked strong · 11

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

  1. 00

    hero

    An intensely restrained dark studio landing featuring generous negative space anchored by an abstract floating gradient ribbon.

    Mood
    quiet + dreamy
    Layout
    1 col · full bleed · airy
    Open section →
    An intensely restrained dark studio landing featuring generous negative space anchored by an abstract floating gradient ribbon.
  2. 01

    hero

    A monolithic, tactile typographic wordmark dominates the dark frame in stark, high-contrast black and white.

    Mood
    bold + playful
    Layout
    2 col · full bleed · airy
    Open section →
    A monolithic, tactile typographic wordmark dominates the dark frame in stark, high-contrast black and white.
  3. 02

    other

    An empty dark charcoal spacer providing negative space and breathing room between content sections.

    Mood
    quiet
    Layout
    2 col · full bleed · airy
    Open section →
    An empty dark charcoal spacer providing negative space and breathing room between content sections.
  4. 03

    statement

    Solemn, centered editorial text builds up to a luminous crimson serif statement anchored by navigation pills on dark charcoal.

    Mood
    editorial + luxurious
    Layout
    1 col · stacked · airy
    Open section →
    Solemn, centered editorial text builds up to a luminous crimson serif statement anchored by navigation pills on dark charcoal.
  5. 04

    showcase

    Strong

    A vibrant, modular studio grid alternating rich color blocks, crisp typography, and case study imagery in an editorial index.

    Mood
    editorial + bold
    Layout
    3 col · grid · dense
    Open section →
    A vibrant, modular studio grid alternating rich color blocks, crisp typography, and case study imagery in an editorial index.
  6. 05

    cta

    Quiet, understated dark call-to-action with refined serif typography and a pill-shaped contact button floating in generous negative space.

    Mood
    quiet + editorial
    Layout
    1 col · centered · airy
    Open section →
    Quiet, understated dark call-to-action with refined serif typography and a pill-shaped contact button floating in generous negative space.
  7. 06

    statement

    Quiet dark editorial statement with elegant serif typography floating in expansive charcoal space.

    Mood
    editorial + quiet
    Layout
    3 col · asymmetric · airy
    Open section →
    Quiet dark editorial statement with elegant serif typography floating in expansive charcoal space.
  8. 07

    feature

    A refined, cool-grey feature card presenting an internal AI platform with graceful editorial typography and a distinct graphic monogram.

    Mood
    editorial + quiet
    Layout
    2 col · split · balanced
    Open section →
    A refined, cool-grey feature card presenting an internal AI platform with graceful editorial typography and a distinct graphic monogram.
  9. 08

    statement

    Quiet typographic statement centered on a dark canvas with refined serif and sans-serif contrast.

    Mood
    quiet + editorial
    Layout
    1 col · centered · airy
    Open section →
    Quiet typographic statement centered on a dark canvas with refined serif and sans-serif contrast.
  10. 09

    testimonial

    Strong

    Saturated, rounded client testimonial cards glide horizontally across a deep matte charcoal backdrop.

    Mood
    playful + bold
    Layout
    1 col · full bleed · balanced
    Open section →
    Saturated, rounded client testimonial cards glide horizontally across a deep matte charcoal backdrop.
  11. 10

    footer

    Strong

    Minimal dark footer anchored by a massive, organic logotype beneath a clean row of spaced coral links.

    Mood
    bold + playful
    Layout
    12 col · full bleed · airy
    Open section →
    Minimal dark footer anchored by a massive, organic logotype beneath a clean row of spaced coral links.

More like this

by shared mood