Mux

PRO

Screenshot of Mux — Developer ToolsPublished Sep 17, 2026
Animation
Dark
Editorial
Large type
Light

Palette

Typography

Primary
Aeonik
Weights
400, 500, 600, 700
Fallback
Arial, Helvetica, sans-serif
Mono
JetBrainsMono
Weights
400, 500, 600
Fallback
SFMono-Regular, Consolas, monospace
Secondary
Rotonto
Weights
400, 500
Fallback
Arial Rounded MT, Arial, sans-serif

About this design

A developer-video platform homepage that turns a dense product story into a tactile editorial system: a ruled-paper grid, modular live-product panels, playful illustrated interludes, and a strongly contrasted conversion path.

Prompts

Pro access

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

Main build prompt
Build frontend
Generate assets
Add animations
Responsive polish
Final visual polish

Build Recipe

Framework

Next.js

Agent: Claude Code
Model: Claude Fable 5.1This is a visually exacting but predominantly DOM-and-video editorial build, where careful grid CSS, responsive modular layouts and embedded preview states matter more than advanced graphics engineering.

Creative tools

Nano Banana
Recraft

Special requirements

High-resolution 1.98:1 video poster/preview assets; generated or commissioned hand-drawn graffiti and small vector robot illustrations; convincing dense simulated video-product interfaces.

AI Replicability

88 / 100

The visual system, modular layout and visible video-preview behavior reproduce reliably with current frontend tools; the principal remaining challenge is matching the character of bespoke graffiti lettering and illustrated micro-assets.

Main remaining challenge

Creating substitute graffiti lettering and tiny illustrated mascots with the same loose hand-inked character while keeping them harmonious with the highly precise grid.

Featured for design inspiration and analysis.

Are you the designer? Claim this workRequest removal

Original website, branding and assets remain the property of their respective owners. Content policy

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro