Brand Guidelines · v1.0 · May 2026

plus brand identity

A complete logo system for dot+ — meeting intelligence for professionals. Three marks, one rule: a solid disc represents the "dot." This document tells you exactly how to use each piece.

Owner Xhinola Designer Rodrigo Arvizu License Internal · confidential Issued May 18, 2026
01
The system
Three marks, each with a job. Choose the right one for the surface — never substitute.
Part 1 · Icon

The dot. Solid disc in the lower-left of a rounded square. The most distinctive silhouette in any app-icon grid. Survives 16pt.

Part 2 · Wordmark
plus

.plus. Inter Black with the leading dot as a separate disc — never a typed period. Pronounceable as "dot plus".

Part 3 · Monogram
d

d⁺. Lowercase d with the + as superscript and a dot detail near the ascender. For tight spaces where a letterform reads better.

02
Principles
Four rules that govern every mark, every layout, every variant.
01 · The disc is sacred

Wherever you see a perfect solid circle in our brand, it represents the "dot." Never replace it with a hollow ring, a pixel, a star, or any other mark. The disc is the connective tissue of the system.

02 · Monochrome first

Black on white, white on black. Color variants exist for state semantics (positive / info) but the default is always monochrome. If a designer reaches for color without a reason, they're solving the wrong problem.

03 · Geometric, not typeset

The wordmark uses Inter Black but the leading dot is not a period — it's a separately-positioned disc that aligns to the x-height. This distinction is what makes the wordmark ownable instead of typed.

04 · Function over flourish

No gradients. No drop shadows. No outline strokes. No 3D. No glow. No animation that isn't functional. The brand reflects the product: dense, deliberate, no decoration.

03
The icon
A solid disc placed in the lower-left of a rounded square canvas. Bottom-left because that's where a period sits in a paragraph — it's a literal dot.
Anatomy
CANVAS · 1× UNIT
DISC · 0.32×
RADIUS · 0.225×
INSET · 0.18× FROM BOTTOM-LEFT
Clear space — never less than 1× the disc on every side
1× CLEAR SPACE
Scale — minimum is 16pt at 1× / 24pt for app icon contexts
120pt
80pt
60pt
40pt
24pt · MIN APP
16pt · ABS MIN
04
The wordmark
.plus set in Inter Black at -3 letter-spacing. The leading dot is a separately-positioned disc — not the typed glyph. Always.
Scale
plus plus plus plus plus
Specifications
Type

Inter Black (900) · letter-spacing −0.04em · color matches the surface's primary content token

Leading dot

Disc · diameter 0.17× the type size · positioned at the lowercase x-height baseline · gap of 0.06× before the "p"

05
The monogram
For favicons, watch faces, social avatars, in-app brand chips — anywhere the icon is too abstract but the wordmark is too long.
Scale
d200pt
d120pt
d72pt
Anatomy
The monogram has three parts: the d (Inter Black lowercase), the + (a small cross composed of two equal strokes, 0.5× the d's x-height), and the dot (a small disc anchored to the lower-right of the +). The disc is non-negotiable — it's what carries the brand DNA from the icon.
06
Lockups
When you need both the icon and the wordmark together — splash screens, app store listings, marketing headers.
Horizontal lockup
plus

GAP · 1× ICON WIDTH · ICON HEIGHT MATCHES WORDMARK CAP-HEIGHT

Vertical lockup
plus

GAP · 0.5× ICON HEIGHT · WORDMARK SIZE · 0.4× ICON HEIGHT

07
Color variants
Monochrome is the default. Tinted variants exist for state-specific contexts only — never for decoration.
Mono · Default
Light on dark
Mono · Inverse
Dark on light
Info · #276EF1
Loading, syncing, AI
Positive · #05944F
Success, completed
08
Do & don't
The most common mistakes — and how to spot them in someone else's deck.
✓Do

Use the disc as designed — bottom-left, 0.32× the canvas, on a clean surface.

✕Don't center the dot

Centering kills the "period" reference. It also makes the icon look like every other app.

✕Don't outline the disc

The disc must always be solid. An outline reads as "ring," which is a different mark entirely.

✕Don't gradient the canvas

No gradients, no glow, no glass effects. Monochrome surfaces or a single semantic color — that's the entire palette.

.plus
✕Don't type the dot

A typed period (.) is too small and not on the x-height baseline. The leading dot must be a separately-positioned disc.

plus
✕Don't lighten the weight

The wordmark only works at Inter Black (900). Lighter weights lose the punch and read as body text.

09
Motion
One animation: the splash. The disc enters from the left and snaps into place, like a period at the end of a sentence. Used on app launch only.
Splash sequence — loops in this preview
plus
Meeting intelligence
Specs

Frame 1 (0ms): Icon canvas at 85% scale, disc invisible (translated left, scale 0).

Frame 2 (240ms): Canvas scales to 100%. Disc translates in from the left and overshoots to 115%.

Frame 3 (560ms): Disc settles at 100%. Period reference complete.

Frame 4 (600ms): Wordmark fades up.

Frame 5 (900ms): Tagline fades up.

EASING · cubic-bezier(.2, .7, .3, 1) · TOTAL · 1.6s

10
In context
Real surfaces where the system has to live and prove itself.
Home screen
9:41●● ▮
Mail
Phone
Notes
dot+
Music
Maps
Photos
Safari
Splash
plus
Meeting intelligence
Favicon · 32px
dot+ · meetings
11
Voice & tone
Brevity over breadth. Precision over politeness. Verbs over adjectives.
"How do we describe what dot+ does?"

Yes: Meeting intelligence for professionals. Records, transcribes, summarizes — local-first, no compromises.

No: The revolutionary AI-powered meeting assistant that transforms how you collaborate ✨🚀

"What's our tone?"

Yes: Confident, factual, lowercase. Sentence-case headers. Period at the end. We respect the reader's time.

No: Title-Case Everything Like A Press Release. ALL-CAPS for urgency. Exclamation marks!

12
Assets
SVG files for every mark and variant — saved into the project's brand/svg/ folder.
Icon · 1024×1024 SVG
App icon, dock, favicon. Four variants for different surface contexts.
Wordmark · vector SVG
Inter Black with leading disc. Two color variants.
Monogram & lockup · vector SVG
Letterform monogram for tight spaces, and the horizontal lockup.