Cakemix branding

Cakemix uses a restrained production interface with distinct portal, personal-hub, server, editor, collection, music, and owner-operation layouts. Brand color identifies primary actions and selected destinations; operational surfaces remain neutral so configuration, health, audit, and playback state stay readable. Light and dark themes, visible focus, reduced motion, and responsive layouts are part of the same system.

Bot builders can add a brand layer while Popii retains control of accessibility-critical tokens. The configured accent influences the leading brand color; Cakemix derives supporting surfaces and preserves contrast-sensitive foregrounds.

webPlugin({
  publicUrl: "https://bot.example.com",
  oauth: {
    clientId: process.env.DISCORD_CLIENT_ID!,
    clientSecret: process.env.DISCORD_CLIENT_SECRET!,
  },
  branding: {
    name: "Mochi",
    logoUrl: "https://cdn.example.com/mochi.png",
    accentColor: "#ff66a3",
    description: "Your community, mixed just right.",
    supportUrl: "https://example.com/support",
    privacyUrl: "https://example.com/privacy",
    surfaceStyle: "soft",
  },
});

surfaceStyle accepts soft or clean. Popii calculates a contrast-safe foreground for the configured accent. Popii does not accept custom CSS, arbitrary HTML, navigation replacement, or custom fonts through Web configuration.