MUUDS

Nourhan Fawzy

Atmospheric, cinematic, and tactile. Full-bleed film-grained desert and sky landscapes bookend a crisp white grid showcasing vibrant multidisciplinary design work.

Rated

8.3/ 10

From 3 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
9.6
Systemmeasured
7.1
Distinctionmeasured
7.5
on the grid
67%
vertical rhythm
56%
type on a scale
60%
contrast passing AA
100%
unlike the library
1.03
model craft
8.0/10
model deviation
5.3/10

Colour

Background#ffffff
Text#000000
Surface#ffffff
Muted#545454

Typefaces

Display
PP Neue Montreal Semibold
Body
PP Neue Montreal Regular
Mono
—
Source
self_hosted
Scale
12 · 13 · 16 · 18 · 20

Layout

Grid
12 columns
Container
1392px
Spacing base
8px
Radius
0px

Capture

Category
portfolio
Sections
3
Captured
2026-09-06
Rhythm
image → white → image

Type rules

  • project titles set in uppercase semibold at compact scale
  • subtitles and metadata rendered in regular weight muted grey

Colour rules

  • pure white background for content grids to let vibrant case study imagery speak
  • interface chrome strictly limited to black and grey tones

Voice rules

  • uppercase project titles paired with discipline subtitles
  • keep metadata and navigational copy concise and unadorned

Holds it together

  • bookend the portfolio grid with full-bleed photographic vistas
  • use an edge-to-edge multi-column grid with minimal gutters for case studies
  • render project titles in uppercase semibold with subtitles in sentence case muted grey

Contrast

text on background21.0:1 AAA
muted text on background7.6:1 AAA
text on surface21.0:1 AAA
muted text on surface7.6:1 AAA

Type, measured

Body
20px / 1.2
Measure
41 characters
Display
20px / 1.2
Tracking
0em display
Scale ratio
—

Voice

Tone
poetic, minimal, confident
Sentences
short
Person
none
Vocabulary
plain
Calls to action
contact

Built with

Builder
framer
Framework
—
Motion
—
WebGL
—
Nav
—
Length
2.6 screens

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

    Strong

    A vast sunlit desert landscape under a pale blue sky, anchored by a mysterious clicking cursor prompt at the center.

    Mood
    mysterious + serene
    Layout
    1 col · full bleed · airy
    Open section
    A vast sunlit desert landscape under a pale blue sky, anchored by a mysterious clicking cursor prompt at the center.
  2. 01

    showcase

    Strong

    A clean, modular portfolio grid bursting with colorful, irreverent design projects framed by disciplined Swiss typography.

    Mood
    playful + whimsical
    Layout
    4 col · grid · balanced
    Open section
    A clean, modular portfolio grid bursting with colorful, irreverent design projects framed by disciplined Swiss typography.
  3. 02

    nav

    Strong

    An airy navigation band paired with an expansive, halftone-textured blue sky image establishes a calm and dreamy atmosphere.

    Mood
    dreamy + serene
    Layout
    4 col · stacked · airy
    Open section
    An airy navigation band paired with an expansive, halftone-textured blue sky image establishes a calm and dreamy atmosphere.

More like this

By shared mood