di-demo-brand-kit

When to use

Use this skill when asked to create, extend, or set up an internal Disruptive Innovation (Flutter UK & Ireland) branded demo video — in any project, not just a project that already has Remotion set up. This skill is self-contained: it bundles everything it scaffolds under template/ next to this file, so npx skills add <this-repo> installs it into any existing project or empty folder and it still works. For general Remotion technique questions (animation timing, layout, sequencing, transitions, fonts) also load the remotion-best-practices skill — this skill only covers what's specific to the brand and this bundled tooling.

Brand identity

• Name: Disruptive Innovation, parent brand Flutter UK & Ireland
• Tagline: EXPLORE | EXPERIMENT | EVOLVE
• Colors: background #000000, accent blue #4E7BF5, accent cyan #6CD1EC, foreground #FFFFFF, muted #94A3B8
• Logo mark: bundled at template/public/brand/logo-mark.png (transparent PNG) — use this, don't regenerate it
• Heading font: Aldrich (geometric display face, close match to the brand's condensed technical wordmark). Body font: Inter.
• Always import colors/fonts from the installed src/theme.ts and src/fonts.ts — never hardcode hex values or font names in a new component.