plus Build Hub
One place to consult everything

Build Hub

Everything we've made for dot+ — the mark, the tokens, the components, and every screen — gathered in one browsable place. Built for the person picking up the macOS implementation: start at the guide, keep this open, ship against the source of truth.

System
dot+ Base v1.1
Focus
macOS menu-bar app
Stack
SwiftUI · iOS 17+
Owner
Xhinola
00

Start here

The iOS app is the source of truth. The macOS build is a menu-bar companion that reuses the same design system and services and re-homes the UI for the desktop. Three steps to get oriented.

Step 1Read first
macOS Implementation Guide
Tokens as copy-paste Swift + CSS, component contracts, the platform-translation map, a screen-by-screen checklist, and the architecture map.
Open guide →
Step 2Interactive
Play with the mockup
The clickable menu-bar prototype covers every state — idle, recording, processing, detail, Ask dot+, settings. Tweak theme, accent, panel width, and layout live.
Jump to preview →
Step 3Rules
Handoff & non-negotiables
The contract: semantic tokens only, never invent colors, no radius > 16, no springs, no shadows in dark, 44pt hit targets. tokens.json wins ties.
Read handoff →
01

macOS build

The priority. A MenuBarExtra app that lives in the status bar: a detachable popover for capture and review, an optional full window for the library, and Notification Center for meeting detection.

In progress
The interactive reference

The whole app, clickable

Every menu-bar state modelled end-to-end, in dot+ Base. Use it to see intended behaviour before you build it in SwiftUI — then open the guide for the tokens and contracts behind each piece.

OnboardingHome / idleRecording ProcessingDetailAsk dot+Settings
Implementation guide Open full screen
macOS surfaces
PrototypeIn progress
Menu-bar app
The primary interactive mockup — popover, detach, full window, live tweaks.
Open →
PrototypeExplore
macOS variations
Alternate layouts and structural options for the popover and window.
Open →
SpecTo build
Implementation guide
Tokens, component→SwiftUI specs, screen checklist, and the Xcode architecture map.
Open →
02

Brand & identity

One form, one offset dot. The mark, its states, and everywhere it's applied. Locked — build against these, don't reinterpret.

PortalLocked
Brand System
The single source of truth: mark, construction, color, type, tokens, components, and applications.
Open →
DocumentLocked
Brand Book
The narrative version — story, voice, and the reasoning behind the mark.
Open →
DocumentReference
Brand Guidelines
Usage rules, clear space, do / don't, and application specifics.
Open →
ExplorationReference
Logo Explorations
How we arrived at the form + dot — the routes considered along the way.
Open →
MotionReference
Brand Morph
The mark's motion behaviour — how the disc animates between states.
Open →
ExplorationReference
Form + Dot
The house-edition study of the form-and-dot relationship.
Open →
03

Design system

dot+ Base v1.1 — Uber-Base-inspired, two-layer tokens, dark-primary with a one-token light swap. The values here are law: tokens.json wins any disagreement.

Style guideLocked
Living Style Guide
Every token and component rendered, with a live Light / Dark toggle. Source of truth for visuals.
Open →
TokensLaw
tokens.json
Machine-readable W3C / Tokens-Studio format. Feeds Figma and SwiftUI. The values win ties.
Open →
SpecProse
Design System Spec
The written v1.1 spec — principles, rationale, and component contracts in full.
Open →
04

Product UI

The iOS screens the macOS build re-homes. These are the reference for content, hierarchy, and flow — adapt the chrome for the desktop, keep the substance.

iOS screenLocked
Recording Detail
The core artifact view — Overview, Transcript, Action Items, Details tabs plus the mini player.
Open →
iOS screenLocked
Template Store
Browse and install output templates — recipe cards, detail sheet, categories.
Open →
iOS screenLocked
Welcome / Onboarding
The redesigned first-run and authentication entry point.
Open →
iOS patternLocked
Long-Press AI Chat
Ask dot+ — the AI conversation surface invoked from the recording.
Open →
FlowsReference
Wireframes
Lo-fi structure and screen-to-screen flow across the product.
Open →
iOS screenIteration
Details Tab — fix
The revised Details tab layout for the recording view.
Open →
05

Document output

What the app produces — the rendered meeting artifacts. These set the bar for the export renderer (MeetingDocumentRenderer, MeetingHTMLGenerator).

OutputReference
Meeting Report
The full report format — sections, action items, and structured detail.
Open →
OutputReference
Meeting Minute
The condensed minute format — the tighter, at-a-glance variant.
Open →
Status marks are editable. Locked design is final · In progress still moving · To build not yet in code · Reference supporting material. Update them as the macOS build advances.