SearchSubmit
MUUDS

Curated catalog of analyzed web design.

cantor8-io

Electric, clinical precision tailored for institutional infrastructure. Vast monochromatic fields of cobalt blue frame fine hairline circuit networks, delicate data rings, and disciplined Swiss typography.

clinicalreassuringluxuriousserene
Visit site

Rated

7.1/ 10

From 14 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.7
Distinctionmeasured
6.5
on the grid
28%
vertical rhythm
51%
type on a scale
50%
contrast passing AA
100%
unlike the library
0.25
model craft
7.5/10
model deviation
4.6/10

Colour

Background#044ab3
Text#ffffff
Accent#ffffff
Surface#151515
Muted#f1f1f1

Typefaces

Display
PP Neue Montreal
Body
PP Neue Montreal
Mono
Fragment Mono
Source
google
Scale
9 · 11 · 12 · 13 · 14 · 19

Layout

Grid
—
Container
—
Spacing base
8px
Radius
2px

Capture

Category
finance
Sections
14
Captured
2026-09-01
Rhythm
blue x5 → dark x2 → blue x3 → mixed → light x2 → dark

Type rules

  • body text set at 13px with tight -0.005em tracking, max line measure around 68 characters
  • all technical tags, coordinates, and status indicators set in Fragment Mono uppercase

Colour rules

  • cobalt blue (#044ab3) dominates the page canvas with crisp white typography
  • jet black (#151515) and pure white (#ffffff) serve as high-contrast structural section breaks

Voice rules

  • lead with infrastructure and financial capability claims
  • keep CTAs concise with direct action phrasing

Holds it together

  • use thin white orthogonal circuit lines to guide the eye through staggered capability blocks
  • pair large sentence-case display titles with micro uppercase mono labels
  • switch entirely between saturated blue, deep black, and pure white backgrounds across distinct narrative shifts

Contrast

text on background8.0:1 AAA
muted text on background7.0:1 AAA
text on surface18.3:1 AAA
accent on background8.0:1 AAA
background on accent8.0:1 AAA

Type, measured

Body
13px / 1.3
Measure
68 characters
Display
86px / 1
Tracking
0em display
Scale ratio
1.60

Voice

Tone
institutional, technical, authoritative
Sentences
medium
Person
third
Vocabulary
technical
Calls to action
get in touch, discover

Built with

Builder
webflow
Framework
—
Motion
gsap, lenis
WebGL
—
Nav
sticky_top_bar, 9 items, sticky
Length
15.4 screens

Sections in page order

3 marked strong · 14

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

  1. 00

    hero

    Strong

    A striking cobalt blue technical hero defined by an intricate circular network visualization and clean, high-precision typography.

    Mood
    clinical + ethereal
    Layout
    1 col · asymmetric · airy
    Open section →
    A striking cobalt blue technical hero defined by an intricate circular network visualization and clean, high-precision typography.
  2. 01

    hero

    Vibrant cobalt blue field framing an offset technical statement with delicate linear circuit pathways and precise Swiss typography.

    Mood
    clinical + serene
    Layout
    16 col · asymmetric · airy
    Open section →
    Vibrant cobalt blue field framing an offset technical statement with delicate linear circuit pathways and precise Swiss typography.
  3. 02

    statement

    Bold royal blue transition statement establishing institutional trust through clean, centered sans-serif typography.

    Mood
    reassuring
    Layout
    3 col · centered · airy
    Open section →
    Bold royal blue transition statement establishing institutional trust through clean, centered sans-serif typography.
  4. 03

    logo bar

    Vibrant blue grid of staggered translucent cards displaying monochrome partner and institution logos.

    Mood
    reassuring + clinical
    Layout
    6 col · grid · airy
    Open section →
    Vibrant blue grid of staggered translucent cards displaying monochrome partner and institution logos.
  5. 04

    cta

    Bold, stark color-blocked transition band pairing an expanse of electric blue with minimal white typography over black.

    Mood
    clinical
    Layout
    2 col · split · airy
    Open section →
    Bold, stark color-blocked transition band pairing an expanse of electric blue with minimal white typography over black.
  6. 05

    feature grid

    Strong

    Technical electric-blue cards featuring delicate circuit diagrams drift through a spacious, dark void with precise institutional clarity.

    Mood
    clinical
    Layout
    1 col · asymmetric · airy
    Open section →
    Technical electric-blue cards featuring delicate circuit diagrams drift through a spacious, dark void with precise institutional clarity.
  7. 06

    feature

    Monolithic dark feature band pairing dramatic skyscraper photography with disciplined corporate typography to project institutional authority.

    Mood
    luxurious + reassuring
    Layout
    1 col · split · airy
    Open section →
    Monolithic dark feature band pairing dramatic skyscraper photography with disciplined corporate typography to project institutional authority.
  8. 07

    statement

    A stark split-screen color block with crisp Swiss grotesque typography delivering a confident corporate declaration.

    Mood
    clinical + serene
    Layout
    1 col · stacked · airy
    Open section →
    A stark split-screen color block with crisp Swiss grotesque typography delivering a confident corporate declaration.
  9. 08

    feature grid

    Strong

    A clinical royal blue canvas mapped with delicate circuit lines that guide the eye through staggered capability blocks.

    Mood
    clinical + serene
    Layout
    1 col · asymmetric · airy
    Open section →
    A clinical royal blue canvas mapped with delicate circuit lines that guide the eye through staggered capability blocks.
  10. 09

    feature

    Vivid cobalt blue expanse with crisp grotesque typography and subtle stepped hairlines evoking technical precision.

    Mood
    clinical + serene
    Layout
    4 col · asymmetric · airy
    Open section →
    Vivid cobalt blue expanse with crisp grotesque typography and subtle stepped hairlines evoking technical precision.
  11. 10

    statement

    A stark two-tone transition block featuring an expansive cobalt blue field above a single left-aligned header.

    Mood
    serene + clinical
    Layout
    1 col · stacked · airy
    Open section →
    A stark two-tone transition block featuring an expansive cobalt blue field above a single left-aligned header.
  12. 11

    announcement

    Clean news card grid presenting dated research and partnership articles with crisp blue typography on white cards.

    Mood
    reassuring + clinical
    Layout
    3 col · grid · balanced
    Open section →
    Clean news card grid presenting dated research and partnership articles with crisp blue typography on white cards.
  13. 12

    cta

    Vast, sterile call-to-action framed by blue circuit-like infrastructure pathways traversing pure white negative space.

    Mood
    clinical + serene
    Layout
    1 col · asymmetric · airy
    Open section →
    Vast, sterile call-to-action framed by blue circuit-like infrastructure pathways traversing pure white negative space.
  14. 13

    footer

    Spacious dark footer utilizing vast negative space, crisp sans-serif columns, and an integrated consultation signup form.

    Mood
    clinical + serene
    Layout
    1 col · grid · airy
    Open section →
    Spacious dark footer utilizing vast negative space, crisp sans-serif columns, and an integrated consultation signup form.

More like this

by shared mood