SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Belka

Engineered precision meets atmospheric industrial mood. Deep charcoal surfaces and photography of heavy machinery are softened by ethereal violet-pink ambient glow, giving minerals automation a refined, future-facing intelligence.

clinicalquiet
Visit site

Colour

Background#181818
Text#ffffff
Accent#eb5b5d
Surface#191919
Muted#a1a1a1

Typefaces

Display
Manrope
Body
Manrope
Mono
—
Source
google
Scale
10 · 11 · 12 · 14 · 16 · 20

Layout

Grid
—
Container
—
Spacing base
8px
Radius
100px

Capture

Category
ai
Sections
5
Captured
2026-08-29
Rhythm
dark x5

Type rules

  • display headlines set in thin-to-regular weights at large scale with tight tracking
  • body copy maintained at a compact 11px to 14px for technical data-sheet density

Colour rules

  • canvas remains uniform dark charcoal (#181818) with no light section alternation
  • coral red accent (#eb5b5d) strictly reserved for small iconography and status indicators

Voice rules

  • lead with industrial engineering terminology rather than software jargon
  • state operational efficiency and metric gains explicitly

Holds it together

  • render all CTA buttons as transparent pills with subtle 1px borders
  • use asymmetrical two-column layouts with category headers pinned to the left column
  • display numerical metrics at giant display scales (up to 220px) flanked by precise unit labels

Contrast

text on background17.8:1 AAA
muted text on background6.9:1 AA
text on surface17.6:1 AAA
accent on background5.2:1 AA
background on accent5.2:1 AA

Type, measured

Body
11px / 1.64
Measure
46 characters
Display
85px / 1.11
Tracking
-0.012em display
Scale ratio
1.67

Voice

Tone
technical, authoritative, precise
Sentences
medium
Person
first
Vocabulary
technical
Calls to action
find, learn

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 4 items
Length
6.4 screens

Sections in page order

3 marked strong · 5

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

  1. 00

    hero

    Dark and moody industrial hero blending heavy machinery photography with subtle atmospheric ambient light gradients.

    Mood
    clinical + bold
    Layout
    10 col · split · balanced
    Open section →
    Dark and moody industrial hero blending heavy machinery photography with subtle atmospheric ambient light gradients.
  2. 01

    stats

    Strong

    Minimal dark stats display highlighting key operational metrics with oversized numerals and subtle gradient atmosphere.

    Mood
    clinical + quiet
    Layout
    12 col · stacked · airy
    Open section →
    Minimal dark stats display highlighting key operational metrics with oversized numerals and subtle gradient atmosphere.
  3. 02

    feature grid

    Strong

    Restrained dark grid laying out technical industrial capabilities with minimal red icon accents and generous negative space.

    Mood
    clinical + quiet
    Layout
    4 col · grid · airy
    Open section →
    Restrained dark grid laying out technical industrial capabilities with minimal red icon accents and generous negative space.
  4. 03

    showcase

    Dark and structured corporate validation section balancing an ethereal glowing orb with disciplined tabular awards and monochromatic partner logos.

    Mood
    clinical + dreamy
    Layout
    2 col · split · airy
    Open section →
    Dark and structured corporate validation section balancing an ethereal glowing orb with disciplined tabular awards and monochromatic partner logos.
  5. 04

    footer

    Strong

    Minimalist dark contact footer with spacious typographic hierarchy, subtle grey secondary copy, and clean multi-column international office listings.

    Mood
    quiet + clinical
    Layout
    13 col · grid · airy
    Open section →
    Minimalist dark contact footer with spacious typographic hierarchy, subtle grey secondary copy, and clean multi-column international office listings.