SearchSubmit
MUUDS

Curated catalog of analyzed web design.

tricks-de

Warm, tactile agency identity combining organic beige backgrounds with high-voltage neon lime highlights. Sans-serif headlines are punctuated with expressive serif italics, while pill badges and angled marquee tapes inject playful studio energy.

reassuringsereneenergeticplayfulmysterious
Visit site

Rated

7.2/ 10

From 13 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.9
Systemmeasured
5.7
Distinctionmeasured
5.8
on the grid
36%
vertical rhythm
46%
type on a scale
86%
contrast passing AA
60%
unlike the library
0.84
model craft
7.7/10
model deviation
6.1/10

Colour

Background#e4e3da
Text#000000
Accent#d9ff81
Surface#ffffff
Muted#000000

Typefaces

Display
Sora
Body
Sora
Mono
—
Source
self_hosted
Scale
10 · 14 · 16 · 19 · 25 · 31

Layout

Grid
12 columns
Container
1287px
Spacing base
8px
Radius
20px · 999px

Capture

Category
agency
Sections
13
Captured
2026-09-04
Rhythm
cream x3 → lime → dark → lime → cream x3 → lime → cream → lime → dark → cream

Type rules

  • body text set in Sora at 14px with 1.5 line height
  • headlines mix sans-serif Sora with Castoro serif italics for key phrases

Colour rules

  • warm beige #e4e3da dominates the general page canvas
  • electric lime #d9ff81 is used for pill badges, interactive triggers, and marquee banners

Voice rules

  • highlight key terms in display headlines with contrasting serif italics
  • maintain a friendly, professional tone without buzzwords

Holds it together

  • use neon lime #d9ff81 exclusively for active navigation pills, CTA badges, and marquee ribbons
  • pair sans-serif headlines with inline italic serif font changes for emphasis words
  • contain interactive filter tags and categories within fully rounded pill shapes

Contrast

text on background16.3:1 AAA
muted text on background16.3:1 AAA
text on surface21.0:1 AAA
accent on background1.1:1 fail
background on accent1.1:1 fail

Type, measured

Body
14px / 1.5
Measure
64 characters
Display
95px / 1.2
Tracking
0.02em display
Scale ratio
1.61

Voice

Tone
approachable, confident, direct
Sentences
medium
Person
first
Vocabulary
plain
Calls to action
abspielen, ansehen, erfahren

Built with

Builder
—
Framework
—
Motion
swiper
WebGL
—
Nav
top_bar, 5 items
Length
17.5 screens
Mode

Sections in page order

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

  1. 00

    hero

    Warm editorial agency hero pairing refined mixed typography with trust badges and an embedded office video.

    Mood
    reassuring + serene
    Layout
    1 col · stacked · airy
    Open section →
    Warm editorial agency hero pairing refined mixed typography with trust badges and an embedded office video.
  2. 01

    feature

    Quiet, editorial agency overview balancing conversational serif-italicised text with structured line-drawn service items.

    Mood
    serene + reassuring
    Layout
    2 col · split · airy
    Open section →
    Quiet, editorial agency overview balancing conversational serif-italicised text with structured line-drawn service items.
  3. 02

    feature

    An angled neon ticker tape cuts across a calm agency workshop feature with tactile typography and casual office video.

    Mood
    energetic + playful
    Layout
    2 col · split · balanced
    Open section →
    An angled neon ticker tape cuts across a calm agency workshop feature with tactile typography and casual office video.
  4. 03

    showcase

    Strong

    A fluid glass infinity loop floats suspended within a high-voltage neon typographic frame.

    Mood
    playful + ethereal
    Layout
    1 col · full bleed · airy
    Open section →
    A fluid glass infinity loop floats suspended within a high-voltage neon typographic frame.
  5. 04

    showcase

    Vast, pitch-black space anchored only by bottom-corner project credits and an electric lime pill button.

    Mood
    mysterious + serene
    Layout
    2 col · split · airy
    Open section →
    Vast, pitch-black space anchored only by bottom-corner project credits and an electric lime pill button.
  6. 05

    faq

    Electric acid-green FAQ section featuring horizontal carousel navigation and an expressive heartbeat divider line.

    Mood
    energetic + playful
    Layout
    3 col · stacked · balanced
    Open section →
    Electric acid-green FAQ section featuring horizontal carousel navigation and an expressive heartbeat divider line.
  7. 06

    testimonial

    Structured agency proof section pairing high-contrast neon quote cards and client portraits with a crisp crosshair logo grid.

    Mood
    reassuring + energetic
    Layout
    2 col · stacked · balanced
    Open section →
    Structured agency proof section pairing high-contrast neon quote cards and client portraits with a crisp crosshair logo grid.
  8. 07

    team

    An overhead team portrait framed inside an organic cutout on a neutral canvas with neon geometric accents.

    Mood
    playful + joyful
    Layout
    1 col · centered · airy
    Open section →
    An overhead team portrait framed inside an organic cutout on a neutral canvas with neon geometric accents.
  9. 08

    feature

    A refined editorial agency overview pairing warm neutral typography and line art with high-contrast chartreuse stat blocks.

    Mood
    reassuring + serene
    Layout
    3 col · stacked · balanced
    Open section →
    A refined editorial agency overview pairing warm neutral typography and line art with high-contrast chartreuse stat blocks.
  10. 09

    testimonial

    A punchy testimonial quote centered over a vibrant lime-green sunburst on a warm neutral background.

    Mood
    playful + energetic
    Layout
    1 col · centered · balanced
    Open section →
    A punchy testimonial quote centered over a vibrant lime-green sunburst on a warm neutral background.
  11. 10

    other

    Editorial category index pairing lime-green interactive pills with decorative burst glyphs against a warm neutral backdrop.

    Mood
    playful + serene
    Layout
    3 col · stacked · airy
    Open section →
    Editorial category index pairing lime-green interactive pills with decorative burst glyphs against a warm neutral backdrop.
  12. 11

    cta

    Strong

    A cinematic portrait framed by glowing neon marquee borders that spell out an invitation to connect.

    Mood
    playful + energetic
    Layout
    1 col · full bleed · airy
    Open section →
    A cinematic portrait framed by glowing neon marquee borders that spell out an invitation to connect.
  13. 12

    footer

    Strong

    Playful agency footer and tech showcase framed by overlapping diagonal ticker tapes, lime CTA pills, and clean structured contact columns.

    Mood
    playful + energetic
    Layout
    3 col · stacked · balanced
    Open section →
    Playful agency footer and tech showcase framed by overlapping diagonal ticker tapes, lime CTA pills, and clean structured contact columns.

More like this

by shared mood