e5994312bc
- Scaffold videos/remotion-demo with Remotion 4.0.459 - SquareMCPLinkedIn: 90s 1080×1080 LinkedIn explainer (6 scenes, spring animations) - SquareMCPHeroLoop: 30s 1920×1080 seamless hero loop (node network + MCP layer + logo) - Brand tokens from squaremcp-logo.svg (#0E63F6/#7DB6FF), Inter via @remotion/google-fonts - Both compositions rendered to out/ and type-checked clean - Update .gitignore to exclude videos/remotion-demo/node_modules and out/ Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
675 B
TypeScript
26 lines
675 B
TypeScript
import { loadFont } from "@remotion/google-fonts/Inter";
|
|
|
|
const { fontFamily } = loadFont("normal", {
|
|
weights: ["400", "600", "700", "800"],
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const FONT = fontFamily;
|
|
|
|
export const COLORS = {
|
|
bg: "#09090f",
|
|
bgCard: "#12121f",
|
|
accent: "#0E63F6",
|
|
accentLight: "#7DB6FF",
|
|
accentGlow: "rgba(14, 99, 246, 0.45)",
|
|
text: "#ffffff",
|
|
textSecondary: "#94a3b8",
|
|
success: "#22c55e",
|
|
warning: "#ef4444",
|
|
border: "#1e1e2e",
|
|
borderBlue: "rgba(14, 99, 246, 0.35)",
|
|
} as const;
|
|
|
|
export const SPRING_CFG = { damping: 14, mass: 0.8, stiffness: 120 } as const;
|
|
export const SPRING_SOFT = { damping: 12, mass: 1, stiffness: 80 } as const;
|