Medusa

Item: Medusa
Rating: 7.2

Open-source commerce platform for developers and AI agents.

medusajs.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 6,325/ ↗

MOBILE · 390

Section outline · Home

01heroLeft text, two buttons, tab row428
02product uiCode cards over admin UI
03logo cloudBordered grid of customer logos
04carouselAdmin screenshot slider with captions968
05featuresThree cloud cards with charts253
06featureGradient-framed product shot
07testimonialCentred quote with logos
08ctaSmall centred CTA640
09footerSix-column links and newsletter684

Rating · Home

Visual design7.6

UX & clarity7.6

Originality6.8

Craft & consistency7.8

Motion6.0

Performance & a11y6.0

This page scores 7.2; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js Medusa Tailwind CSS React

Minimal Swiss grid Product-UI-led Logo cloud Mega menu Stats band Sticky header Tabs

Also: Google Analytics, Segment, Vercel

Design DNA

White page on a visible hairline grid with a medium-weight grotesque at moderate sizes and tiny grey captions. The hero is left-aligned text over a tab row (Modules, Admin, Framework, Infrastructure, Agent) that switches a panel of dark code cards overlapping an admin UI. A bordered logo grid, a horizontal carousel of admin screenshots, three analytic cloud cards, and a warm gradient-framed product shot with a centred quote lead to a small centred CTA and dense multi-column footer.

Worth borrowing

Let a tab row under the hero swap between code and UI panels for each product pillar.
Draw the page on a faint visible grid so logo cells and cards share borders.
Frame one hero-grade screenshot in a soft sunrise gradient to break an otherwise grey page.