Moonsworth

Item: Moonsworth
Rating: 7.1

Software studio building tools and products for gaming communities.

moonsworth.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,157/ ↗

MOBILE · 390

Section outline · Home

01heroDark render, centred title, monospace subline900
02statementOne sentence with key phrase in orange
03statsThree bordered cards: followers, users, downloads
04portfolioTwo-column cards with dimmed screenshots and Explore pills2,231
05teaserDark half-width card teasing an unannounced product
06logosGreyscale grid of partner and brand logos1,016
07ctaSpotlit stage photo with orange Contact button900
08footerWordmark, navigation and social columns, payment note574

Rating · Home

Visual design7.3

UX & clarity7.2

Originality6.8

Craft & consistency7.2

Motion6.5

Performance & a11y7.0

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

Main colours

Dark·black background·vivid

Typography

PP Moriheading · font · self-hosted PP Supply Monobody · mono · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Photography-led Dark tech Logo cloud Stats band Sticky header Transparent header

Also: Cloudflare

Design DNA

Near-black page with one orange (#F0522B) accent and a monospace face for every label, caption and button; headings are a plain sans at modest sizes, centred. A dark cinematic render fills the hero behind a two-line title, with small plus marks pinned at the corners as a technical frame. A one-sentence positioning line highlights its key phrase in orange. Three bordered stat cards, then a two-column grid of product cards, each a screenshot dimmed behind a white logo, short description and orange Explore pill. A greyscale partner logo grid closes it.

Worth borrowing

Mark section corners with small plus glyphs to frame content like a technical drawing.
Dim each portfolio screenshot behind a centred white logo so a mixed grid stays consistent.
Highlight the one key phrase of a positioning sentence in the accent colour.