MUUDS

Curated catalog of analyzed web design.

AVIX Studio

Editorial clarity meets high-impact fashion sensibility. Stark white canvases and oversized sans-serif titles frame cinematic portraiture and rich e-commerce case studies. The restraint of monochrome UI allows high-chroma photography to command attention.

Visit site

Colour

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

Typefaces

Display
DM Sans
Body
DM Sans
Mono
Source
google
Scale
12 · 14 · 16 · 18 · 24 · 40

Layout

Grid
Container
Spacing base
8px
Radius
8px · 16px

Capture

Category
studio
Sections
16
Captured
2026-08-29
Rhythm
light throughout with high-contrast photographic panels

Type rules

  • display typography scales aggressively up to 200px with -0.04em negative tracking
  • body text runs in muted grey with tight line spacing to maintain an editorial magazine feel

Colour rules

  • canvas is strictly monochrome white and black, allowing photography to provide chromatic tone
  • secondary text and metadata are rendered in mid-grey #757575

Voice rules

  • headlines end with a punctuated terminal period
  • micro-labels and category kickers appear in uppercase above main titles

Holds it together

  • anchor major section titles with an uppercase category kicker and a terminal period
  • overlay minimal white typography directly onto the four corners of full-bleed imagery
  • keep UI containers borderless and let expansive white space define sectional hierarchy

Contrast

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

Type, measured

Body
16px / 1.4
Measure
95 characters
Display
200px / 0.8
Tracking
-0.04em display
Scale ratio
1.88

Voice

Tone
confident, editorial, concise
Sentences
short
Person
first
Vocabulary
plain
Calls to action
book, get, view

Built with

Builder
framer
Framework
Motion
gsap
WebGL
Nav
top_bar, 7 items
Length
16.6 screens

Sections in page order

3 marked strong · 16

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

  1. 00

    hero

    Fashion-forward agency hero pairing bold, oversized typography layered directly across high-energy portraiture with structured magazine layout margins.

    Mood
    bold + editorial
    Layout
    1 col · stacked · balanced
    Open section →
    Fashion-forward agency hero pairing bold, oversized typography layered directly across high-energy portraiture with structured magazine layout margins.
  2. 01

    statement

    Strong

    Crisp, airy studio intro pairing an oversized headline with spacious metric cards on a stark white canvas.

    Mood
    quiet + editorial
    Layout
    10 col · asymmetric · airy
    Open section →
    Crisp, airy studio intro pairing an oversized headline with spacious metric cards on a stark white canvas.
  3. 02

    statement

    Extremely stark and airy typographic header with a bold title anchored by quiet grey descriptive copy.

    Mood
    quiet + clinical
    Layout
    13 col · stacked · airy
    Open section →
    Extremely stark and airy typographic header with a bold title anchored by quiet grey descriptive copy.
  4. 03

    feature grid

    Minimalist service navigation grid presenting design disciplines above cropped photographic preview slivers across expansive white space.

    Mood
    quiet + editorial
    Layout
    12 col · grid · airy
    Open section →
    Minimalist service navigation grid presenting design disciplines above cropped photographic preview slivers across expansive white space.
  5. 04

    showcase

    An austere and spacious section header introducing a portfolio with oversized typography and generous white space.

    Mood
    quiet
    Layout
    5 col · stacked · airy
    Open section →
    An austere and spacious section header introducing a portfolio with oversized typography and generous white space.
  6. 05

    showcase

    High-impact editorial case study card anchored by dramatic low-angle fashion portraiture and minimal corner-aligned white typography.

    Mood
    luxurious + editorial
    Layout
    8 col · stacked · airy
    Open section →
    High-impact editorial case study card anchored by dramatic low-angle fashion portraiture and minimal corner-aligned white typography.
  7. 06

    showcase

    A cinematic editorial case study card anchored by vibrant fashion photography with crisp typographic overlays positioned at the corners.

    Mood
    editorial + luxurious
    Layout
    14 col · full bleed · airy
    Open section →
    A cinematic editorial case study card anchored by vibrant fashion photography with crisp typographic overlays positioned at the corners.
  8. 07

    showcase

    Cinematic full-bleed photography captures a moody sunset surfer with understated corner-anchored typography overlay.

    Mood
    editorial + warm
    Layout
    14 col · full bleed · airy
    Open section →
    Cinematic full-bleed photography captures a moody sunset surfer with understated corner-anchored typography overlay.
  9. 08

    showcase

    Atmospheric and sensual project showcase card defined by submerged amber photography and crisp white corner typography.

    Mood
    dreamy + luxurious
    Layout
    8 col · full bleed · airy
    Open section →
    Atmospheric and sensual project showcase card defined by submerged amber photography and crisp white corner typography.
  10. 09

    showcase

    Sunlit lifestyle photography fills a rounded showcase card framed with minimal white typography pinned to the corners.

    Mood
    warm + playful
    Layout
    8 col · full bleed · airy
    Open section →
    Sunlit lifestyle photography fills a rounded showcase card framed with minimal white typography pinned to the corners.
  11. 10

    pricing

    Strong

    Crisp, airy pricing tier layout interrupted by a rich editorial fashion photograph between minimalist service cards.

    Mood
    editorial + quiet
    Layout
    3 col · grid · airy
    Open section →
    Crisp, airy pricing tier layout interrupted by a rich editorial fashion photograph between minimalist service cards.
  12. 11

    testimonial

    Strong

    Vibrant, high-fashion photographic portrait cards with minimalist five-star review overlays bathed in warm sunlight.

    Mood
    editorial + warm
    Layout
    3 col · grid · airy
    Open section →
    Vibrant, high-fashion photographic portrait cards with minimalist five-star review overlays bathed in warm sunlight.
  13. 12

    faq

    Minimalist, airy FAQ section structured in a clean split layout with delicate line dividers and generous whitespace.

    Mood
    quiet + clinical
    Layout
    8 col · split · airy
    Open section →
    Minimalist, airy FAQ section structured in a clean split layout with delicate line dividers and generous whitespace.
  14. 13

    statement

    Minimalist monochrome blog section header with a stark, oversized display title anchored on pure white.

    Mood
    quiet
    Layout
    16 col · stacked · airy
    Open section →
    Minimalist monochrome blog section header with a stark, oversized display title anchored on pure white.
  15. 14

    showcase

    Clean modern editorial blog cards pairing atmospheric film portraiture with sharp, minimalist typography.

    Mood
    editorial + quiet
    Layout
    2 col · grid · airy
    Open section →
    Clean modern editorial blog cards pairing atmospheric film portraiture with sharp, minimalist typography.
  16. 15

    cta

    Ultra-airy, minimalist contact section balancing heavy display typography against delicate hairline form fields in monochrome.

    Mood
    quiet + clinical
    Layout
    14 col · split · airy
    Open section →
    Ultra-airy, minimalist contact section balancing heavy display typography against delicate hairline form fields in monochrome.