supercommon systems

Item: supercommon systems
Rating: 7.7

Interval, a two-mode menu-bar timer for macOS.

supercommon.systems Save page

7.7/10MABTU rating

Home

/contact

DESKTOP · 1440 × 9,048/ ↗

MOBILE · 390

Section outline · Home

01heroTimer in MacBook notch, white buy button, pricing notes
02manifestoCentred paragraph, metronome render between two words
03featureNotch timer close-up
04featureSize toggle, DAW screenshot1,321
05listCentred small grey list1,347
06feature gridNine glyph features, manual button, footer1,715

Rating · Home

Visual design8.0

UX & clarity7.0

Originality8.3

Craft & consistency7.8

Motion6.5

Performance & a11y8.2

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

Main colours

Dark·black background·mono

Typography

Aktheading · font · self-hosted Aktbody · font · self-hosted

Stack & style

Framer React

Minimal 3D Dark tech Product-UI-led Sticky header

Design DNA

Pure black page, centred lowercase light grotesk at modest sizes, very generous vertical spacing. The hero shows the menu-bar timer in a dim MacBook notch with a white 'buy for $21.99' box. A glossy rendered metronome with an orange needle sits between the words 'stillness.' and 'motion.' as the brand metaphor. Short poetic lines introduce two modes, a DAW screenshot, then a centred list of capabilities in tiny grey text and a grid of nine feature glyphs (notch modes, 25:00 in red, hotkeys) before a manual button and hairline footer.

Worth borrowing

Use one physical object render (a metronome) as the product metaphor between two words.
Write all copy in lowercase short lines for a calm, instrument-like tone.
Show features as a grid of tiny glyphs with one coloured accent each (red 25:00, green EXT).