SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Anil Kody

Striking and modern minimalism built on an uninterrupted pure black canvas. Giant green headline typography sets an energetic, confident tone, balanced by disciplined whitespace, pill badges, and refined visual mockups.

boldclinicalquietplayful
Visit site

Colour

Background#000000
Text#e8e8e8
Accent#24d366
Surface#242424
Muted#8a8a8a

Typefaces

Display
Inter Display
Body
Inter Display
Mono
—
Source
google
Scale
12 · 14 · 16 · 18 · 20 · 22

Layout

Grid
12 columns
Container
1232px
Spacing base
10px
Radius
8px · 16px · 999px

Capture

Category
portfolio
Sections
13
Captured
2026-08-29
Rhythm
dark x13

Type rules

  • display headlines use sentence case with tight tracking
  • body copy set in light grey on pure black with generous line height

Colour rules

  • pure black background persists uninterrupted across all sections
  • vivid green reserved strictly for primary buttons, tags, and hero accent typography

Voice rules

  • use first-person conversational storytelling
  • pair bold affirmations with direct calls to action

Holds it together

  • maintain an unbroken pure black background across every section
  • use neon green pill buttons as the sole high-contrast interactive trigger
  • structure narrative sections with left-aligned headers offset against multi-paragraph copy

Contrast

text on background17.1:1 AAA
muted text on background6.1:1 AA
text on surface12.7:1 AAA
accent on background10.6:1 AAA
background on accent10.6:1 AAA

Type, measured

Body
16px / 1.5
Measure
92 characters
Display
48px / 1.2
Tracking
-0.042em display
Scale ratio
1.32

Voice

Tone
conversational, enthusiastic, confident
Sentences
medium
Person
first
Vocabulary
accessible
Calls to action
book, chat, hire, drop

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 3 items
Length
11.6 screens

Sections in page order

3 marked strong · 13

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

  1. 00

    hero

    High-contrast dark portfolio hero defined by stark emerald green typography and disciplined, airy whitespace.

    Mood
    bold + quiet
    Layout
    1 col · stacked · airy
    Open section →
    High-contrast dark portfolio hero defined by stark emerald green typography and disciplined, airy whitespace.
  2. 01

    showcase

    Sleek and clinical case study preview card featuring an abstract fluid monochrome graphic over a fine grid backdrop.

    Mood
    clinical + quiet
    Layout
    12 col · stacked · balanced
    Open section →
    Sleek and clinical case study preview card featuring an abstract fluid monochrome graphic over a fine grid backdrop.
  3. 02

    showcase

    Strong

    A sleek dark portfolio showcase featuring side-by-side rounded case study cards with vibrant green tags and minimal typography.

    Mood
    quiet + editorial
    Layout
    15 col · grid · balanced
    Open section →
    A sleek dark portfolio showcase featuring side-by-side rounded case study cards with vibrant green tags and minimal typography.
  4. 03

    showcase

    Strong

    A quiet project showcase pairing rich architectural brand photography with understated typography on deep black.

    Mood
    quiet + editorial
    Layout
    12 col · stacked · airy
    Open section →
    A quiet project showcase pairing rich architectural brand photography with understated typography on deep black.
  5. 04

    statement

    Minimal dark portfolio bio pairing an offset section title with narrative copy, skill pills, and vibrant green contact actions.

    Mood
    quiet
    Layout
    2 col · split · airy
    Open section →
    Minimal dark portfolio bio pairing an offset section title with narrative copy, skill pills, and vibrant green contact actions.
  6. 05

    showcase

    A rhythmic visual showcase of digital design mockups displayed across rounded cards against a deep black background.

    Mood
    clinical + quiet
    Layout
    1 col · full bleed · balanced
    Open section →
    A rhythmic visual showcase of digital design mockups displayed across rounded cards against a deep black background.
  7. 06

    showcase

    A vibrant horizontal showcase of rounded portfolio preview cards floating seamlessly against a deep black canvas.

    Mood
    playful + quiet
    Layout
    1 col · full bleed · balanced
    Open section →
    A vibrant horizontal showcase of rounded portfolio preview cards floating seamlessly against a deep black canvas.
  8. 07

    statement

    Minimalist dark bio section pairing an offset headline with conversational copy and a row of pill-shaped social links.

    Mood
    quiet + editorial
    Layout
    12 col · split · airy
    Open section →
    Minimalist dark bio section pairing an offset headline with conversational copy and a row of pill-shaped social links.
  9. 08

    showcase

    Strong

    Dynamic scattered constellation of personal photo cards floating radially around a central narrative block against deep black.

    Mood
    playful + dreamy
    Layout
    15 col · asymmetric · airy
    Open section →
    Dynamic scattered constellation of personal photo cards floating radially around a central narrative block against deep black.
  10. 09

    testimonial

    Clean dark-mode horizontal strip of customer testimonial cards with subtle borders and avatars.

    Mood
    quiet + clinical
    Layout
    1 col · grid · balanced
    Open section →
    Clean dark-mode horizontal strip of customer testimonial cards with subtle borders and avatars.
  11. 10

    faq

    Minimalist dark FAQ section pairing a prominent left-aligned heading with a clean accordion list in crisp sans-serif type.

    Mood
    quiet + clinical
    Layout
    12 col · split · airy
    Open section →
    Minimalist dark FAQ section pairing a prominent left-aligned heading with a clean accordion list in crisp sans-serif type.
  12. 11

    cta

    Minimal dark portfolio contact block pairing a left-aligned heading with conversational copy and green pill CTAs on the right.

    Mood
    quiet
    Layout
    15 col · split · balanced
    Open section →
    Minimal dark portfolio contact block pairing a left-aligned heading with conversational copy and green pill CTAs on the right.
  13. 12

    footer

    A stark dark footer featuring casual conversational closing copy above a sparse three-column link directory.

    Mood
    quiet
    Layout
    12 col · stacked · airy
    Open section →
    A stark dark footer featuring casual conversational closing copy above a sparse three-column link directory.