mouthtype VISUAL AUDIT · MAIN @ 8D70284 · V0.1.0-RC.1 · 18 OCT 2026

Every surface, as shipped, then three ways forward.

Each row starts with the current element rebuilt from the Swift and design sources (CURRENT), followed by alternatives 1a through 1y. Pixel art stays pixel art. Where macOS 26 glass is proposed, the material is a CSS stand-in for NSGlassEffectView. Locked: 1d (menu bar glyph), 1j (pill size), 1e/1f/1g pill styles, 1k/1l/1m cards per style, 1p icon, 1q+1s Settings, 1t setup. Website open. Spec in DECISIONS.md.

01 Menu bar glyphs02 Display scale03 Classic pill04 Hi-Fi pill05 Delivery card06 App icon07 Settings08 First-run setup09 Website hero
01 / MENU BAR GLYPHS · STATUSICON.SWIFT · DESIGN/ICON/GLYPHS.PY

The smiley says “friendly”, not “mouthtype”.

Four template glyphs at 16×15 pt, 1× and 2× from the same art. Idle is outlined, recording solid, processing swaps the smile for three dots, unavailable is a flat mouth struck through. The system handles the colour (template image), so every concept below is ink-only and is shown on the light and dark bars.

CURRENT Classic smiley 16×15 · TEMPLATE
FinderFileEditViewGoidle glyphSat 18 Oct  9:41 AM
FinderFileEditViewGorecording glyphSat 18 Oct  9:41 AM
IDLE
RECORDING
PROCESSING
UNAVAILABLE

Reads well at 1× and the state logic is clear. The problem is identity: nothing connects it to the lips on the app icon or to the word “mouth”. Superseded by 1d; kept here for comparison.

1a Mouth, then an ear while listening 16×15 · TEMPLATE
FinderFileEditViewGoSat 18 Oct  9:41 AM
FinderFileEditViewGoSat 18 Oct  9:41 AM
IDLE · MOUTH
RECORDING · EAR
PROCESSING
UNAVAILABLE

Outlined lips at rest; while recording the glyph becomes an ear with a solid canal, so “listening” is literal. The shape swap is the biggest state change of the three concepts, which is good for a glance at the bar. Risk: an ear at 16 px is the hardest pictogram here, and the swap means two silhouettes to learn.

1b Caret lips, straight from the app icon 16×15 · TEMPLATE
FinderFileEditViewGoSat 18 Oct  9:41 AM
FinderFileEditViewGoSat 18 Oct  9:41 AM
IDLE · CARET
RECORDING · LEVELS
PROCESSING
UNAVAILABLE

The 16 px icon sprite (LIPS16) rebuilt as a 16×15 template: solid lips, open mouth, I-beam inside. Recording opens the mouth wider and replaces the caret with four live level bars (the same bars as the Classic pill). Processing: three dots in the mouth. Unavailable: lips closed, struck through. One silhouette for every state, and the icon in the Dock and the glyph in the bar finally match.

1c One mouth that opens with your voice 16×15 · 3 FRAMES
FinderFileEditViewGoSat 18 Oct  9:41 AM
FinderFileEditViewGoSat 18 Oct  9:41 AM
IDLE · CLOSED
RECORDING · LIVE
PROCESSING
UNAVAILABLE
RECORDING FRAMES Opening tracks the smoothed level the pill already computes; Reduce Motion pins the middle frame.

The plainest read of the name: a closed mouth that opens while you talk. No lip detail, so it survives 1× and the dimmed “tinted” bar in macOS 26. The three frames give the bar a heartbeat without a second shape. Least tied to the app icon of the three.

1d 1b’s lips, 1c’s motion. No caret.LOCKED 16×15 · 3 FRAMES
FinderFileEditViewGoSat 18 Oct  9:41 AM
FinderFileEditViewGoSat 18 Oct  9:41 AM
IDLE · CLOSED
RECORDING · LIVE
PROCESSING
UNAVAILABLE
RECORDING FRAMES The lips thin as the mouth opens, like the app icon’s open mouth. Reduce Motion pins the middle frame.

Requested mix: the solid caret-lips silhouette from 1b, with the caret removed. The mouth is closed at rest, opens with your voice while recording (three frames driven by the pill’s smoothed level), shows three dots while processing, and is struck through when unavailable. Still the app icon’s shape, now with something to say.

02 / DISPLAY SCALE · “WILL IT BE GIANT OR TINY ON OTHER MACS?”

Same points everywhere. Different proportions.

macOS lays everything out in points, not pixels. The glyph is 16×15 pt, the Classic pill 28 pt tall, the Hi-Fi pill 146×32 pt (Standard) or 292×64 pt (Large 2×) on every Mac. A Retina display just spends 2 device pixels per point, which is why the @2x art is the same drawing doubled. What does change is how much of the screen those points occupy.

Three common screens at 1:4, pills drawn to scale at the bottom-centre placement (12 pt above the Dock line)
13" MACBOOK AIR · 1470×956 PT Hi-Fi Standard spans 9.9% of the width
Large 2× spans 19.9%
24" 1× MONITOR · 1920×1080 PT 7.6% / 15.2%. One art pixel = one device pixel,
so pixel art is at its crispest here
27" STUDIO DISPLAY · 2560×1440 PT 5.7% / 11.4%. Here Standard reads small from
arm’s length, and Large is the comfortable one
WHAT IS ALREADY RIGHT

Point-based sizes, template glyphs, 1× and 2× art, Classic bars snapped to even device pixels, and the Hi-Fi Large 2× option. Nothing will render at a surprising physical size on another Mac.

THE GAP

The size dial exists only for Hi-Fi, and only as a manual setting. Classic has no Large. The pill sits at the bottom edge, which is far from the eye on a 27" display and near the Dock on a laptop.

PROPOSAL (SEE 1J)

Pill size: Automatic / Standard / Large for both skins. Automatic picks Large when the pill’s screen is 2000 pt or wider. Pixel art stays integer-scaled, so 1× and 2× are the only steps.

03 / CLASSIC PILL · CLASSICPILLVIEW.SWIFT · CLASSICPILLLAYOUT.SWIFT · DESIGN/BOARD/SPEC.MD

A solid capsule on a glass operating system.

28 pt capsule, #1A1A1A at 96%, 1 pt #4D4A42 rim, ten #FFFFEB bars at 4.25 pt pitch, 18 pt controls. It is well built (pixel-snapped bars, critically damped width springs, Reduce Motion paths). It is also opaque and always dark, which on macOS 26 reads as a holdover. The board spec already explored the fixes; the three alts below pick them up. Locked: all three ship as pill styles alongside Classic and Hi-Fi (Glass, Matrix, Minimal), chosen in Appearance → Pill style.

CURRENT Classic · hold, locked, processing, message 28 PT · VECTOR
HOLD · 59×28
LOCKED · 107×28
PROCESSING · LOW WAVE
Pasted
Paste failedYour text is safe
MESSAGE · SERIF 14 / SANS 11

Faithful to the layout constants. Audit notes: the 18 pt discs are under the 24 pt hit target the code pads them to, so hover feedback appears outside the drawn disc; the message face (Instrument Serif 14) is only 1 pt larger than the detail face visually, so two-line messages lack hierarchy; no light appearance.

1e Classic, in glassLOCKED 28 PT · NSGLASSEFFECTVIEW
HOLD · SMOKED GLASS
LOCKED · GLASS CANCEL, SOLID STOP
Pasted
OVER LIGHT CONTENT · CLEAR GLASS

Same geometry, same bars, same controls; the body becomes the system glass material (clear over light content, smoked over dark) and the rim becomes the specular edge. Smallest change, largest “belongs on macOS 26” gain. Stop stays solid so the primary action never washes out. Text falls back to a solid body when the wallpaper is busy (the spec’s “glass only as an opaque window” caveat).

1f Floating Matrix squircle (the board’s pick)LOCKED 30 PT · SUPERELLIPSE N=4
REC
HELD · 108×30 · AMBER
0:04
LOCKED · 155×30 · PADLOCK → LIPS
···
PROCESSING · SCANNER
Pasted
MESSAGE · SERIF 15 + AMBER DOT

Straight from spec.md’s recommendation: a continuous-corner squircle (no longer “every other dictation pill”), 13×7 amber dot matrix with ghost dots, breathing REC lamp, M:SS only when locked, squircle controls at the 20 pt minimum. The padlock becomes the 9 px lips sprite, tying the pill to the icon. Light mode uses the pager LCD window (see 1g for the light body).

1g Minimal, follows the system appearanceLOCKED 30 PT · LIGHT + DARK
REC
Pasted
LIGHT · SYSTEM TEXT
0:04
Paste failed
DARK · LOCKED + ERROR

The spec’s “work-machine” option: same silhouette, grid, controls and motion as 1f, the dots swapped for ten plain bars and system text. Its real contribution to the audit is the light body: today the pill is dark on every desktop; this one follows the appearance setting, which is what a 2026 Mac user expects from anything floating on their wallpaper.

04 / HI-FI PILL · HIFIPILLVIEW.SWIFT · RESOURCES/PILL/HIFI/LAYOUT.JSON · DESIGN/PILL

The little machine is fine. Its size dial isn’t.

146×32 art pixels, nearest-neighbour at an integer scale, amber VFD with three segment tiers, 3×5 and 5×7 bitmap faces. Glass does not apply to a deliberately retro object, so these alts leave the chassis alone and work on where it sits, what colour its readout is, and how big it is on which screen.

CURRENT Hi-Fi · Standard and Large 2×, locked and message 146×32 ART PX
STANDARD · LOCKED · 146×32 PT
MESSAGE · 5×7 FACE, MARQUEE IF WIDER
LARGE 2× · HOLD (TALK DOWN) · 292×64 PT

Composited from the shipped sprites and layout.json positions; the timer and message are drawn with the real 3×5 and 5×7 atlases. Audit notes: the unlit caps (CAN / STP) are visible in every state even though they only work when locked; the message window is 64 art px, so most sentences marquee; Large 2× is the only size step and is a manual setting.

1h Hi-Fi on a glass shelf CHASSIS UNCHANGED
HOLD · SHELF 8 PT · SQUIRCLE 14

The chassis is a physical object; glass is the shelf it sits on. An 8 pt squircle tray in the system material gives it a contact shadow and a Tahoe edge without touching a single art pixel, and gives the delivery card (1k) the same material to share. The shelf hides when the pill is a bare dot.

1i Readout colour: Amber, Cool white, Red SETTING · SEGMENTS + FACES
COOL WHITE · #E8F1FF / HOT #9CC0FF / PEAK RED
ERROR MESSAGE · #FF3B2E (ALREADY IN LAYOUT.JSON)
Readout colour Amber ⌃

layout.json already separates segment tiers, text and error colours from the chassis, so a readout colour setting is cheap: amber (default), the spec’s cool white (#E8F1FF, glow #78AEFC) and red (#FF3D32). It is the one Hi-Fi personalisation that costs no new art and matches the “Clean by default. Personal by choice.” line in Appearance.

1j Pill size: Automatic, for both skinsLOCKED BEHAVIOUR · SEE 02
13" · 1470 PT → STANDARD
27" · 2560 PT → LARGE
Pill sizeAutomatic picks Large on screens 2000 pt or wider. Applies the next time the pill appears.
Automatic ⌃
Pill styleClassicHi-Fi

Answers the “giant or tiny” worry directly. Classic gets a Large too (a 2× geometry: 56 pt tall, 4.5 pt bar width, 36 pt controls, 28 pt message face), Hi-Fi keeps integer art scaling. Automatic resolves per screen at show time using the pointer’s screen, which PillPlacement already looks up.

05 / DELIVERY CARD · DELIVERYCARDVIEW.SWIFT · CARDLAYOUT.SWIFT · DELIVERYCARD.SWIFT

The card is the best-written surface. Make it match the pill.

224 pt face, continuous 16 pt corners, 11/12/12 insets, 6 pt status dot with glow, Instrument Serif 15 header, Instrument Sans 13 transcript (five lines, then scrolls), 26 pt pill buttons, a 3 pt countdown bar along the bottom. Always dark, always the Classic colours, even over the Hi-Fi pill. Locked: the card follows the pill style. Glass → 1k, Matrix → 1l, Minimal → 1m (light) / 1l dark body, Classic → today’s card, Hi-Fi → 1l with the VFD strip.

CURRENT Paste failed · Cancelled · Remember this spelling? 224 PT · R16
Paste failed

Send the mockups to Sean before Friday and copy the design channel.

Copy
Paste failed
Cancelled
Undo 4s
Cancelled
Remember this spelling?

Shawn → Sean

SaveNot now

Faithful to CardLayout. Audit notes: the card repeats the pill’s message (“Paste failed” twice, 8 pt apart); the 20 pt dismiss is under the 24 pt minimum the pill controls enforce; the quiet ink dot for questions is nearly invisible against the dark body; no light appearance and no Hi-Fi variant.

1k Glass card, same layoutLOCKED 224 PT · PAIRS WITH 1E / 1H
Paste failed

Send the mockups to Sean before Friday and copy the design channel.

Copy
Your text is safe
Remember this spelling?

Shawn → Sean

SaveNot now

Same CardLayout numbers, glass body, 24 pt dismiss (the pill’s own minimum), and two copy fixes: the pill under a card says the detail (“Your text is safe”) instead of repeating the header, and question cards get the amber accent so the dot is visible. Pairs with 1e or the 1h shelf.

1l One object: the pill grows into the cardLOCKED 224 PT · NO SECOND PANEL
Paste failed

Send the mockups to Sean before Friday and copy the design channel.

Copy
SAFE
Remember this spelling?

Shawn → Sean

SaveNot now
0:06

Instead of a second panel 8 pt above the pill, the pill (1f geometry) grows upward into the card: one squircle, one shadow, one material. The readout row stays at the bottom and keeps saying the short thing (SAFE, the Undo clock), so there is no duplicated message. Dismissing shrinks it back to a pill. Costs a new panel-sizing path in PillController.

1m Light appearance parityLOCKED 224 PT · FOLLOWS SYSTEM
Paste failed

Send the mockups to Sean before Friday and copy the design channel.

Copy
Your text is safe
Recovered a dictation

Okay so the plan for Friday is the mockups first, then the channel.

Copy

The card today is the only dark object on a light desktop. This is the spec’s light body (#FBFBFC → #E6E6EA, 0.5 pt hairline) with the same layout, ink #1D1D1F, error red #D70015, and the website’s action green for “good news” cards instead of the invisible quiet-ink dot. Pairs with the 1g pill; the dark side is what ships today.

06 / APP ICON · DESIGN/ICON/SPRITES.PY · APPICON.ICONSET

The caret lips are the brand. The tile is fighting macOS 26.

Red pixel lips, parted, a cream I-beam in the dark opening, on a dithered orange tile with a baked pixel drop shadow. macOS 26 masks every icon to its own squircle, lights it with its own glass and offers Dark, Clear and Tinted renderings; a baked shadow and hand-drawn corners get clipped or doubled. The lips can stay exactly as drawn. Locked: 1p. Lips at 78% of the tile, light dither kept, baked shadow and pixel corners dropped; 32 and 16 redrawn on the grid.

CURRENT Caret lips on a dithered tile · 128, 32, 16 64-UNIT GRID
128 · BOX FILTERED
32 · REDRAWN
16 · REDRAWN
AS TAHOE MASKS IT

Shipped files. The right-hand tile is what the Dock does to it on macOS 26: the system squircle clips the pixel corners and the baked shadow, then adds its own highlight, so the icon reads as a sticker on a white plate rather than a tile.

1n Full-bleed tile, system corners, no baked shadow ICON COMPOSER · 1 LAYER + LIPS
128 · DEFAULT
64
32
16

The same three lips sprites (36×22, 21×17, 9×9), scaled by whole numbers, on a flat #F19A4B tile that fills the system mask. The dither and the shadow go; the system supplies depth. Loses the hand-made texture but survives every Dock treatment unchanged.

1o Layered: Default, Dark, Clear, Tinted ICON COMPOSER · 3 LAYERS
DEFAULT
DARK
CLEAR
TINTED

What Icon Composer wants: tile, lips and cursor as separate layers so the system can relight them. Default keeps the warm tile; Dark puts the red lips on charcoal with a faint orange glow; Clear and Tinted use the one-colour lips (cursor knocked out) over the system material. The pixel grid is preserved in every mode.

1p Bigger lips, kept ditherLOCKED MARK AT 78% OF THE TILE
128 · LIPS 100 PX WIDE
64
32 · 25×19
16 · 12×11
NEW SPRITES ON THE GRID LIPS32B 25×19, one-pixel stem with 3 px serifs. LIPS16B 12×11, two-pixel stem, cupid’s bow kept. Palette unchanged.

Today the lips occupy about 56% of the tile; Apple’s own icons put the mark at 65–80%. Scaling the lips up (and keeping a light dither as texture, not shadow) makes the mouth legible in a Dock full of glass tiles and in the 32 pt Settings sidebar mark. The 32 and 16 sprites are redrawn on the grid above (drop-in replacements for LIPS32 / LIPS16 in sprites.py).

07 / SETTINGS · SETTINGSWINDOW.SWIFT · MICROPHONESETTINGSSECTION.SWIFT · 1000×690, MIN 860×620

An editorial page inside a system window.

192 pt sidebar with the mark and a 27 pt serif wordmark, four list pages, two sidebar shortcuts, a mono footer. Content: 34 pt padding, mono eyebrow, 38 pt serif title, 13 pt Instrument Sans rows separated by Dividers with 17 pt vertical padding. The voice is right; the row chrome is bespoke where macOS 26 now has a strong default (grouped forms), and the window is wider than it needs to be. Locked: 1q structure, 1s for Dark and the Appearance page.

CURRENT Mouthtype Settings · General 1000×690 · SWIFTUI IN NSHOSTINGVIEW
Mouthtype Settings
mouthtype
MAKE YOURSELF AT HOME
General
AaWriting
Appearance
Diagnostics
Saved spellings…Phrases…
ON YOUR MAC
GENERALA little less typing.Set your shortcut, choose your cleanup, and carry on.
Set Up Mouthtype…
MicrophoneSystem Default Refresh inputs
Following System Default: MacBook Air Microphone.
Dictation shortcutA key or combination that feels natural.
FnChange…
Recording behaviorChanging this cancels an active recording.
Hold to talk
CleanupFast and Thorough run locally on your Mac.
Fast
Gemma 4 E2B is not downloaded.Dictations use Basic until the selected model is ready.
Download…
Quiet other audioMute the current output while recording, on supported devices.
Live wordsShow words in the pill as you speak. Off by default.
Recording soundsA small cue when you start and finish.
Launch at loginKeep Mouthtype ready in your menu bar.
Turn on

Rebuilt from SettingsView: every string, spacing and width is from the source; SF Symbols are drawn as plain stand-ins. Audit notes: at 1000×690 the General page already scrolls (Updates, Advanced delivery, Saved audio and the callout are below the fold); the 300 pt microphone popup and the 165 / 135 pt pickers give three right edges; the sidebar’s mono labels (“MAKE YOURSELF AT HOME”, 8 pt) are under the 10 pt the website uses for the same voice.

1q Tahoe grouped forms, glass sidebar, same voiceLOCKED 900×620 · FORM(.GROUPED)
mouthtype
General
AaWriting
Appearance
Diagnostics
YOUR WORDS
Saved spellings
Phrases
ON YOUR MAC · RC.1
A little less typing.Set your shortcut, choose your cleanup, and carry on.
INPUT
MicrophoneFollowing System Default: MacBook Air Microphone.
System Default
Dictation shortcutA key or combination that feels natural.
FnChange…
Recording behaviorChanging this cancels an active recording.
Hold to talk
CLEANUP
CleanupFast and Thorough run locally on your Mac. Gemma 4 E2B is not downloaded; Basic is used until it is ready.
Download…Fast
WHILE RECORDING
Quiet other audioMute the current output while recording, on supported devices.
Live wordsShow words in the pill as you speak.
Recording soundsA small cue when you start and finish.
MAC
Launch at loginKeep Mouthtype ready in your menu bar.
UpdatesMouthtype 0.1.0-rc.1 is up to date. Checked today at 9:12.
Check for Updates…

Every string from today’s General page, regrouped into four macOS 26 inset groups (Input, Cleanup, While recording, Mac) with the system’s 40 pt rows and inset hairlines. The sidebar becomes the Tahoe glass sidebar with traffic lights inside it, the accent is the brand green (#315B54) rather than system blue, and the serif title drops to a 22 pt header bar so the whole page fits in 900×620 with no scroll. “Launch at login” and “Set Up Mouthtype…” become a toggle and a sidebar entry respectively.

1r Toolbar tabs, one column (classic preferences) 640×520
Mouthtype
General AaWriting Appearance Diagnostics Spellings
A little less typing.
MicrophoneSystem Default
Dictation shortcutFnChange…
Recording behaviorHold to talk
CleanupFast
Quiet other audio
Live words
Recording sounds
Launch at login
Hold your shortcut while you speak, then release to finish. Use How to Use Mouthtype in the menu for the gestures available with your chosen key.

Shown at 0.73 scale. The smallest honest Settings for a menu bar utility: toolbar tabs, one column, grouped rows, descriptions moved to help text. Spellings and Phrases become tabs instead of sidebar buttons. Loses the editorial sidebar and the headline eyebrows, which is the trade.

1s 1q in Dark, Appearance page with the pill liveLOCKED DARK · APPEARANCE
mouthtype
General
AaWriting
Appearance
Diagnostics
YOUR WORDS
Saved spellings
Phrases
Clean by default. Personal by choice.
0:04
MATRIX · FLOATING PILL · LIVE PREVIEW, HOLD FN TO TRY
Pill styleClassicMatrixMinimalHi-Fi
Pill sizeAutomatic
Readout colourAmber
Text fontDefault

Shown at 0.73 scale. The Appearance page under 1q’s structure in Dark: the pill preview is a live PillSkinView over a wallpaper swatch (not a rendered PNG), the skin picker gains Matrix and Minimal from 03, and the two new settings from 04 (size, readout colour) sit in the same group. Accent tints shift to the lighter brand green for contrast on dark.

08 / FIRST-RUN SETUP · SETUPWINDOW.SWIFT · 650×590, MIN 560×540

Four permissions, one card at a time.

Mono header (MOUTHTYPE / GET STARTED · STEP 1 OF 4), a 68 pt tinted symbol tile, 42 pt serif title, secondary detail, one prominent button tinted #315C56, footer with Refresh status / Set up later and a reopen hint. Calm and well-written. The step counter is the only sense of progress, and the symbol tile is the only place the brand green appears. Locked: 1t.

CURRENT Set Up Mouthtype · Step 1, microphone 650×590 AT 0.72
Set Up Mouthtype
MOUTHTYPE / GET STARTEDSTEP 1 OF 4
Let’s hear you. Allow microphone access so Mouthtype can hear you while you dictate. Allow microphone…
Refresh statusSet up later
Reopen setup from Settings → General.

From SetupView. Audit notes: the window is taller than its content on every step, leaving the card floating in white; “Refresh status” is a manual button for state the app can poll; the SF symbol tile (mic, hand.raised, waveform, keyboard, checkmark) carries no Mouthtype identity.

1t Glass sheet with step dots and the lipsLOCKED 560×440 AT 0.8
Let’s hear you. Allow microphone access so Mouthtype can hear you while you dictate. Audio stays on this Mac. Allow microphone…
Set up laterMICROPHONE · ACCESSIBILITY · SPEECH · SHORTCUT

A sheet-sized glass window sized to its content, four step dots instead of a counter, the lips sprite instead of a generic SF symbol, and no Refresh button: status is polled when the window is key (it already is: windowDidBecomeKey calls refresh). The footer names all four steps so the ending is visible from the start.

1u Step rail on the left, content on the right 620×420 AT 0.75
Get started
1Microphone
2Accessibility
3Speech model
4Shortcut
Set up later
STEP 1 · MICROPHONE Let’s hear you. Allow microphone access so Mouthtype can hear you while you dictate.
Allow microphone…Opens a system prompt
Waiting for permission…

Progress is spatial: the rail shows all four steps, ticks them off, and lets you jump back. Content aligns left in a fixed-height window so the layout stops floating. Live status replaces the Refresh button. Closest to the Settings sidebar structure (and 1q), so setup and settings feel like one app.

1v One screen checklist, no stepping 560×460 AT 0.8
Four things, then talk.Mouthtype needs these once. Everything stays on this Mac.
✓
MicrophoneMacBook Air Microphone ready
AccessibilityLets your shortcut work and puts text into your chosen app
Open System Settings…
Speech modelDownloading Parakeet, 62% · once, then it runs on your Mac
ShortcutHold Fn to speak, release to paste
Input settings…
Set up later2 OF 4 READY

Permissions resolve in any order and out of band (System Settings, a download), so a checklist matches reality better than a wizard. Each row shows its live state and its one action; the model download runs while you grant the rest. Fastest path to the first dictation, least ceremony.

09 / WEBSITE HERO · WEBSITE/INDEX.HTML · SRC/STYLE.CSS · SHOWN AT 1100 PT

The site already has the voice. Show the product in it.

Paper white, ink #111827, a 1 px rule under a 110 pt masthead, serif at 99 px, mono eyebrows at 9 px, the action green button. The right half is an illustration: a tilted paper with speaking vs typing pace and the pill PNG on top. It explains dictation; it doesn’t show Mouthtype on a Mac.

CURRENT mouthtype.app · masthead and hero 1100 WIDE
mouthtype Why MouthtypeCompareDocsGet started ↗
MADE FOR YOUR MAC

SOFTWARE FOR SAYING THINGS

Words, straight
from the source.

Hold a key. Say your thing. Get back to it.
Mouthtype turns your voice into text, right on your Mac.

Download for Mac ↓

Source code (GPL-3.0) ↗ · Linux test client

RELEASE CANDIDATE · macOS 26+ · APPLE SILICON

SPEAKING · 180 WPM ✓

I'll send the first draft before lunch.

TYPING · 45 WPM

I'll send the first dra

FnHOLD TO TALK.
RELEASE TO TYPE.
CLEAN BY DEFAULT. PERSONAL BY CHOICE.ClassicHi-Fi

From index.html and style.css at an 1100 px viewport (h1 resolves to 72.6 px). Audit notes: three type sizes under 10 px (7, 8, 9 px mono) on a marketing page; the pill is a static PNG that doesn’t match the Hi-Fi radio until clicked; the dot-grid stage and tilted paper are the only illustration language and don’t recur elsewhere on the site.

1w The product on a Mac: desktop crop with the real pill 1100 WIDE · COPY UNCHANGED
mouthtype Why MouthtypeCompareDocsGet started ↗

SOFTWARE FOR SAYING THINGS

Words, straight
from the source.

Hold a key. Say your thing. Get back to it.
Mouthtype turns your voice into text, right on your Mac.

Download for Mac ↓

Source code (GPL-3.0) ↗ · Linux test client

RELEASE CANDIDATE · macOS 26+ · APPLE SILICON

NotesFileEditFormat9:41 AM

Send the mockups to Sean before Friday and copy the design channel

0:04

Same copy, same left column with the sub-10 px mono lifted to 10 px. The right half becomes a wallpaper crop with a menu bar wearing the 1d glyph, a Notes-like window receiving the dictation at the caret, and the real pill (1f) at the bottom. The skin radio switches this whole stage (Classic, Matrix, Hi-Fi), so the illustration is the product.

1x Type-led, centred, pills as the picker 1100 WIDE
mouthtype Why MouthtypeCompareDocsGet started ↗

SOFTWARE FOR SAYING THINGS

Words, straight from the source.

Hold a key. Say your thing. Get back to it. Mouthtype turns your voice into text, right on your Mac.

Download for Mac ↓RELEASE CANDIDATE · macOS 26+ · APPLE SILICON
CLEAN BY DEFAULT. PERSONAL BY CHOICE.HOLD Fn TO TRY IT RIGHT HERE
CLASSIC
0:04
MATRIX
HI-FI

Lets the headline do the work at 118 px, then turns the skin picker into the illustration: three live pills on three desk swatches, in the site’s existing bordered-panel language (the same box the cleanup example uses further down). Drops the paper and dot grid. “Hold Fn to try it” works for visitors who already have the app; for everyone else the pills animate on hover.

1y Dark editorial, warm like the icon 1100 WIDE · INK ↔ PAPER SWAPPED
mouthtype Why MouthtypeCompareDocsGet started ↗

SOFTWARE FOR SAYING THINGS

Words, straight
from the source.

Hold a key. Say your thing. Get back to it.
Mouthtype turns your voice into text, right on your Mac.

Download for Mac ↓

Source code (GPL-3.0) ↗ · Linux test client

RELEASE CANDIDATE · macOS 26+ · APPLE SILICON

FnHOLD TO TALK.
RELEASE TO TYPE.
HI-FI · AMBER VFD · 2×

Ink and paper swapped: #111318 ground, #F4F3E8 type, the Hi-Fi’s amber as the single accent (eyebrow, the italic “source.”, the button). The Hi-Fi pill finally gets to be the hero object at 2×, on a dark desk where its VFD glows. Keeps every string. The biggest departure from the current site, so it is the one to A/B rather than ship by default.