SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Agentcard

Electric, satirical retro-corporate aesthetic blended with precision developer fintech. Saturated cobalt blue canvases alternate with warm off-white cream panels, driven by oversized pixelated headline typography, interactive card mockups, and sterile code cards.

boldclinicalquiet
Visit site

Colour

Background#f4f3ee
Text#171818
Accent#1520b8
Surface#ffffff
Muted#7c7c80

Typefaces

Display
GeistPixelSquare
Body
GeistSans
Mono
GeistMono
Source
self_hosted
Scale
10 · 12 · 14 · 16 · 22 · 166

Layout

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

Capture

Category
ai
Sections
9
Captured
2026-08-29
Rhythm
dark → light → dark x2 → light x3 → dark x2

Type rules

  • primary hero and feature titles render in GeistPixelSquare uppercase
  • body text runs in GeistSans at 16px with line-height 1.6
  • code snippets, metadata, and badge labels use GeistMono uppercase

Colour rules

  • cobalt blue #1520b8 defines full-bleed hero, feature breaks, and pricing canvas
  • neutral warm cream #f4f3ee hosts dense product mockups and comparison grids
  • dark text #171818 is used on cream sections, white #ffffff on cobalt sections

Voice rules

  • use unadorned short imperative headlines
  • explain developer tools in plain financial and code terms

Holds it together

  • alternate saturated electric cobalt #1520b8 sections with warm cream #f4f3ee backgrounds to structure rhythm
  • set prominent statement headings in blocky pixelated display type
  • enclose code samples, mobile frames, and card UIs in sharp 1px borders

Contrast

text on background16.0:1 AAA
muted text on background3.7:1 AA Large
text on surface17.8:1 AAA
accent on background9.8:1 AAA
background on accent9.8:1 AAA

Type, measured

Body
16px / 1.6
Measure
102 characters
Display
166px / 0.92
Tracking
-0.01em display
Scale ratio
1.79

Voice

Tone
declarative, confident, technical
Sentences
short
Person
second
Vocabulary
plain
Calls to action
get started, connect, see

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
sticky_top_bar, 19 items, sticky
Length
13.6 screens

Sections in page order

3 marked strong · 9

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

  1. 00

    hero

    Strong

    Saturated electric-blue hero combining retro corporate portraiture with massive pixelated typography and brutalist navigation accents.

    Mood
    bold + nostalgic
    Layout
    1 col · asymmetric · balanced
    Open section →
    Saturated electric-blue hero combining retro corporate portraiture with massive pixelated typography and brutalist navigation accents.
  2. 01

    hero

    Precise fintech hero combining crisp pixel typography, an interactive mobile chat mockup, and an engineered numbered accordion over a warm cream canvas.

    Mood
    clinical + nostalgic
    Layout
    15 col · split · balanced
    Open section →
    Precise fintech hero combining crisp pixel typography, an interactive mobile chat mockup, and an engineered numbered accordion over a warm cream canvas.
  3. 02

    feature

    Vibrant cobalt feature section combining an interactive accordion with stacked realistic payment card graphics.

    Mood
    clinical + bold
    Layout
    15 col · split · balanced
    Open section →
    Vibrant cobalt feature section combining an interactive accordion with stacked realistic payment card graphics.
  4. 03

    feature

    High-voltage electric blue technical feature section pairing bitmapped typography with an interactive accordion and a floating matte black card mockup.

    Mood
    clinical + raw
    Layout
    2 col · split · balanced
    Open section →
    High-voltage electric blue technical feature section pairing bitmapped typography with an interactive accordion and a floating matte black card mockup.
  5. 04

    comparison

    Technical and precise developer comparison section pairing retro pixelated display headings with clean browser and terminal UI cards.

    Mood
    clinical + nostalgic
    Layout
    2 col · grid · balanced
    Open section →
    Technical and precise developer comparison section pairing retro pixelated display headings with clean browser and terminal UI cards.
  6. 05

    feature grid

    Minimalist developer-focused feature grid with pixelated typography and delicate integration icons on a warm neutral background.

    Mood
    clinical + nostalgic
    Layout
    3 col · grid · balanced
    Open section →
    Minimalist developer-focused feature grid with pixelated typography and delicate integration icons on a warm neutral background.
  7. 06

    testimonial

    Clean, structured quote cards in a horizontal sequence on warm off-white canvas with subtle avatar details.

    Mood
    quiet + clinical
    Layout
    1 col · grid · balanced
    Open section →
    Clean, structured quote cards in a horizontal sequence on warm off-white canvas with subtle avatar details.
  8. 07

    feature grid

    Strong

    A striking cobalt-blue developer feature grid pairing retro pixel typography with precise, technical product breakdowns.

    Mood
    clinical + raw
    Layout
    3 col · grid · balanced
    Open section →
    A striking cobalt-blue developer feature grid pairing retro pixel typography with precise, technical product breakdowns.
  9. 08

    pricing

    Strong

    A high-contrast cobalt blue pricing card combining pixelated display typography with a structured, technical breakdown of flat fees and revenue share.

    Mood
    clinical + raw
    Layout
    14 col · centered · balanced
    Open section →
    A high-contrast cobalt blue pricing card combining pixelated display typography with a structured, technical breakdown of flat fees and revenue share.