Brand Kit · v0.1

The Tiramisu brand.

Logo, palette, typography, and voice. Everything below is open source — fork it, remix it, use it. Just don't pretend you made it.

↓ Logo SVG ↓ Palette CSS ↗ GitHub

The mark

A slice of tiramisu, read as layers.

Three horizontal bands — espresso-soaked sponge, ladyfinger, mascarpone — with cocoa dust embedded on the cream surface and an accent speck of warm orange. The same metaphor as the editor itself: stacked layers that compose into the picture.

Primary · full color
Default. Five-color palette with accent speck.
No-accent · 5-color
Drop the orange speck. For more restrained contexts.
Tonal · cocoa scale
Three shades of brown. Muted, sophisticated.
Mono · espresso
Single color. Use on cream / white surfaces. Print, mono badges.
Mono · cream
Reverse mono. Use on espresso / cocoa surfaces.
Frameless
Drop the rounded frame. For app icons (where the OS adds its own rounding) and tight layouts.

Sizes

Reads at every size.

The mark holds up from favicon to billboard. Below is the same SVG rendered at six sizes — same coords, same vector, no per-size artwork.

16 · favicon
22 · nav mark
32 · mac dock
64 · finder
128 · about
200 · hero

Do / Don't

Keep it recognizable.

Do
Use the SVG as-is
Don't
Don't rotate
Don't
Don't stretch
Don't
Don't recolor wildly
Don't
Don't float the dust
Don't
Don't add neon glow

Color palette

Eight colors. Two roles.

Cream tones for surfaces, cocoa tones for weight, accent for the pop. Defined as CSS custom properties in style.css.

Mascarpone
#fbf3e2 · rgb(251,243,226)
Body bg, surface fills, card highlights.
Cream
#f5e9d4 · rgb(245,233,212)
Secondary surfaces, body text on dark.
Crema
#c8a370 · rgb(200,163,112)
Ladyfinger band. Mid-tone fills.
Cocoa Soft
#8c5a3a · rgb(140,90,58)
Body text, ladyfinger soak. Default text.
Cocoa
#4a2c1a · rgb(74,44,26)
Headings, dark glass cards, dust dots.
Espresso
#2b1810 · rgb(43,24,16)
Deepest tone. Dark surfaces, mono mark.
Accent
#d4823b · rgb(212,130,59)
CTAs, eyebrows, the brand pop. Use sparingly.
Accent Deep
#b86628 · rgb(184,102,40)
Hover states, gradient companion to Accent.

Typography

System fonts. Native feel.

No web-font tax. SF Pro Display for headlines, SF Pro Text for body, SF Mono for code — all bundled in macOS, iOS, and present as a fallback chain on every other platform.

Display · Headlines
Tira mi su.
SF Pro Display · weights 700 / 800 · letter-spacing −0.02em to −0.05em
Text · Body
A free, AI-native, Mac-native image editor with real layers, designed from day one for cross-platform creators. Born to democratize an industry locked behind a $22.99/mo subscription.
SF Pro Text · weights 400 / 500 / 600 · line-height 1.55
Mono · Code & metadata
curl 127.0.0.1:7979/canvas.png
SF Mono · weights 400 / 600 · letter-spacing 0

Texture rule

A light dusting on top of dark surfaces only.

Cream surfaces stay clean. Dark cocoa / espresso surfaces get a faint cocoa-grain dusting concentrated at the top edge — like cocoa settled on a slice of tiramisu. Never page-wide. Never on cream.

Cream surface · clean. Body, light glass cards, inspector panels.
Dark surface · cocoa flakes, top-edge fade. Hero crusts, dark cards, espresso CTAs.

Voice & tone

Direct. Specific. Never cute.

Plain over polished

"Make the headline pop." Yes.
"Empower your creative narrative." No.

Numbers over adjectives

"50 features." "11 platforms." "Sub-50ms render."
Specific beats hype every time.

Honest about tradeoffs

"This is NOT eligible for Mac App Store distribution." We say what doesn't work. Trust beats spin.

Italian where it earns it

Tira mi su, mascarpone, ladyfingers, espresso. The metaphor pays its rent. Don't add Italian for flavor.

Tools, not features

"Cross-post in one click." Not "Cross-platform Distribution Engine 2.0." Verbs the user does.

One product, three audiences

Speak to the Photoshop expat, the newcomer, and the AI-curious creator — all in the same paragraph if it helps. No personas talk past each other.

A note on usage

The brand is open.

Tiramisu is open source. The logo, palette, fonts, and CSS are in the repo and you can use them — for forks, contributions, articles, conference talks, fan projects, or wholesale theft. We just ask:

  • If you fork the app, swap the brand to yours. Don't ship a competing product calling itself Tiramisu.
  • Don't claim official endorsement we haven't given.
  • Send us things you make with it. We'll boost the good ones.

Otherwise — go.