SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Safe Security

Imposing, stark, and uncompromisingly authoritative. Pure pitch-black backgrounds and massive centered uppercase typography evoke a tactical surveillance aesthetic. Minimal hairline borders and viewfinder framing marks reinforce clinical precision.

boldclinicalrawquiet
Visit site

Colour

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

Typefaces

Display
Mabry pro
Body
Mabry pro
Mono
—
Source
self_hosted
Scale
13 · 16 · 22 · 29 · 65 · 122

Layout

Grid
16 columns
Container
1440px
Spacing base
10px
Radius
0px

Capture

Category
other
Sections
14
Captured
2026-08-30
Rhythm
dark x14

Type rules

  • display headlines set in massive uppercase sans-serif at over 100px
  • body text constrained to a 65 character measure centered on the screen

Colour rules

  • strict binary monochrome palette of solid black and pure white across the entire site
  • white hairline borders used exclusively for accordions, buttons, and framing

Voice rules

  • headlines strictly uppercase with zero ornamental copy
  • body descriptions restricted to single factual declarations

Holds it together

  • use pitch black #000000 backgrounds exclusively without background color variation
  • render major service titles in centered, oversized uppercase sans-serif
  • pin vertical section labels to the left and right outer margins of service blocks
  • frame icons inside bracketed viewfinder corners

Contrast

text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA

Type, measured

Body
16px / 1.09
Measure
65 characters
Display
122px / 0.88
Tracking
0em display
Scale ratio
1.66

Voice

Tone
authoritative, direct, terse
Sentences
short
Person
third
Vocabulary
plain
Calls to action
contact

Built with

Builder
webflow
Framework
—
Motion
—
WebGL
—
Nav
sticky_top_bar, 9 items, sticky
Length
9.3 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

    Stark, pitch-black hero dominated by huge centered uppercase typography with a clinical surveillance aesthetic.

    Mood
    bold + clinical
    Layout
    16 col · centered · airy
    Open section →
    Stark, pitch-black hero dominated by huge centered uppercase typography with a clinical surveillance aesthetic.
  2. 01

    hero

    Strong

    Deep black, high-contrast security hero featuring stark oversized sans-serif typography and a minimal central brand icon.

    Mood
    bold + clinical
    Layout
    16 col · centered · airy
    Open section →
    Deep black, high-contrast security hero featuring stark oversized sans-serif typography and a minimal central brand icon.
  3. 02

    statement

    A stark, high-contrast monochrome statement section pairing a central value proposition with a four-column grid of framed security icons.

    Mood
    clinical + bold
    Layout
    4 col · stacked · balanced
    Open section →
    A stark, high-contrast monochrome statement section pairing a central value proposition with a four-column grid of framed security icons.
  4. 03

    statement

    Strong

    Stark, high-impact black-and-white typographic title card with heavy sans-serif text flanked by vertical edge labels.

    Mood
    bold + raw
    Layout
    1 col · centered · airy
    Open section →
    Stark, high-impact black-and-white typographic title card with heavy sans-serif text flanked by vertical edge labels.
  5. 04

    statement

    An imposing, high-contrast black and white typographic block declaring security services in heavy, tightly stacked uppercase sans-serif.

    Mood
    bold + clinical
    Layout
    1 col · centered · dense
    Open section →
    An imposing, high-contrast black and white typographic block declaring security services in heavy, tightly stacked uppercase sans-serif.
  6. 05

    statement

    Monochromatic, stark typography dominates pitch-black space with massive uppercase lettering anchored by a single rectangular button.

    Mood
    bold + clinical
    Layout
    16 col · stacked · airy
    Open section →
    Monochromatic, stark typography dominates pitch-black space with massive uppercase lettering anchored by a single rectangular button.
  7. 06

    statement

    Strong

    Stark, high-impact black-and-white typographic transition with massive centered block letters framed by vertical side labels.

    Mood
    raw + bold
    Layout
    16 col · centered · airy
    Open section →
    Stark, high-impact black-and-white typographic transition with massive centered block letters framed by vertical side labels.
  8. 07

    statement

    Monolithic stark black section centered around oversized, ultra-bold white typography in an austere typographic statement.

    Mood
    bold + raw
    Layout
    12 col · centered · airy
    Open section →
    Monolithic stark black section centered around oversized, ultra-bold white typography in an austere typographic statement.
  9. 08

    cta

    Stark and authoritative monochrome call-to-action featuring massive uppercase type floating in deep black space.

    Mood
    bold + raw
    Layout
    1 col · centered · airy
    Open section →
    Stark and authoritative monochrome call-to-action featuring massive uppercase type floating in deep black space.
  10. 09

    faq

    Stark, high-contrast section title featuring bold white uppercase typography centered in deep black space.

    Mood
    bold + quiet
    Layout
    16 col · centered · airy
    Open section →
    Stark, high-contrast section title featuring bold white uppercase typography centered in deep black space.
  11. 10

    faq

    A stark monochrome FAQ accordion cleanly centered with full-width horizontal dividing lines and a solitary button.

    Mood
    quiet + clinical
    Layout
    16 col · stacked · balanced
    Open section →
    A stark monochrome FAQ accordion cleanly centered with full-width horizontal dividing lines and a solitary button.
  12. 11

    showcase

    A stark, high-contrast black and white typography layout presenting industry sectors with minimal, confident authority.

    Mood
    bold + clinical
    Layout
    8 col · stacked · balanced
    Open section →
    A stark, high-contrast black and white typography layout presenting industry sectors with minimal, confident authority.
  13. 12

    other

    A vast, silent expanse of solid black creating a dramatic pause in the page flow.

    Mood
    quiet
    Layout
    2 col · full bleed · airy
    Open section →
    A vast, silent expanse of solid black creating a dramatic pause in the page flow.
  14. 13

    footer

    A stark, high-contrast monochrome footer with massive uppercase typography anchored by clean horizontal hairline rules.

    Mood
    bold + raw
    Layout
    1 col · stacked · balanced
    Open section →
    A stark, high-contrast monochrome footer with massive uppercase typography anchored by clean horizontal hairline rules.

More like this

by shared mood