@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
271 lines (270 loc) • 14.5 kB
TypeScript
/**
* 真实Figma色彩系统提取
* 基于用户提供的4个Figma链接中的实际色彩设计
*/
export declare const figmaColors: {
readonly blue: {
readonly primary: "rgb(51, 160, 255)";
readonly secondary: "rgb(111, 188, 255)";
readonly variant: "rgb(80, 187, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
};
readonly green: {
readonly primary: "rgb(34, 197, 94)";
readonly secondary: "rgb(74, 222, 128)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
};
readonly nebula: {
readonly primary: "rgb(138, 91, 255)";
readonly secondary: "rgb(168, 131, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
};
readonly amber: {
readonly primary: "rgb(255, 151, 71)";
readonly secondary: "rgb(255, 183, 107)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
};
readonly horizon: {
readonly primary: "rgb(255, 111, 97)";
readonly secondary: "rgb(255, 141, 127)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
readonly pure: {
readonly white: "rgb(255, 255, 255)";
readonly black: "rgb(0, 0, 0)";
readonly transparent: "transparent";
};
readonly semantic: {
readonly good: "rgb(34, 197, 94)";
readonly normal: "rgb(51, 160, 255)";
readonly bad: "rgb(255, 151, 71)";
readonly ai: "rgb(138, 91, 255)";
readonly professional: "rgb(255, 111, 97)";
};
};
export declare const aiDesignPrinciples: {
readonly colorUsage: {
readonly focusedPalette: true;
readonly baseColors: readonly ["black", "white"];
readonly vibrancyColors: readonly ["blue", "nebula", "amber", "green"];
readonly backgroundStrategy: "pure_with_strong_accents";
readonly emphasis: {
readonly brandColor: "rgb(51, 160, 255)";
readonly professionalFeeling: true;
readonly dynamicGradient: true;
};
readonly temperaturePreference: "cold";
readonly contrastStrategy: "strong_color_simple_background";
};
readonly visualEffects: {
readonly materials: readonly ["glass", "clear_spheres", "sharp_lines"];
readonly motionConcept: "gravity_warp_event_horizon";
readonly surfaceEffects: readonly ["liquid_chrome", "divine_particles", "living_dots"];
readonly clusterEffects: "pixelated_clusters_with_sharpness";
};
readonly aiPersonality: {
readonly cosmicAttributes: readonly ["hidden_universe", "infinity", "divine_rules"];
readonly intelligenceCharacter: {
readonly thoughtVisualization: "pixelated_low_res";
readonly controlLevel: "smart_but_controlled";
readonly artificiality: "intentionally_digital";
};
readonly behaviorTraits: readonly ["organic_feeling", "emotional", "lightning_fast_reflection"];
readonly auralQualities: readonly ["luminous", "ethereal", "vivid_aura", "cosmic_nexus"];
};
readonly physicalAI: {
readonly groundingPrinciple: "grounded_in_reality";
readonly scaleManipulation: readonly ["micro_to_macro", "atomic_level", "divine_particles"];
readonly orderChaos: "controlled_chaos_through_particles";
};
};
export declare const enterpriseColorMapping: {
readonly systems: {
readonly water: {
readonly primary: "rgb(51, 160, 255)";
readonly secondary: "rgb(111, 188, 255)";
readonly variant: "rgb(80, 187, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
};
readonly air: {
readonly primary: "rgb(34, 197, 94)";
readonly secondary: "rgb(74, 222, 128)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
};
readonly energy: {
readonly primary: "rgb(255, 151, 71)";
readonly secondary: "rgb(255, 183, 107)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
};
readonly aiOptimization: {
readonly primary: "rgb(138, 91, 255)";
readonly secondary: "rgb(168, 131, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
};
readonly equipmentStatus: {
readonly primary: "rgb(255, 111, 97)";
readonly secondary: "rgb(255, 141, 127)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
};
readonly dashboard: {
readonly kpiGood: "rgb(34, 197, 94)";
readonly kpiWarning: "rgb(255, 151, 71)";
readonly systemNormal: "rgb(51, 160, 255)";
readonly aiInsights: "rgb(138, 91, 255)";
readonly professionalData: "rgb(255, 111, 97)";
};
readonly interactive: {
readonly primary: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
readonly secondary: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
readonly ai: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
readonly warning: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
readonly professional: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
};
export type FigmaColors = typeof figmaColors;
export type AIDesignPrinciples = typeof aiDesignPrinciples;
export type EnterpriseColorMapping = typeof enterpriseColorMapping;
export declare const figmaColorSystem: {
readonly colors: {
readonly blue: {
readonly primary: "rgb(51, 160, 255)";
readonly secondary: "rgb(111, 188, 255)";
readonly variant: "rgb(80, 187, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
};
readonly green: {
readonly primary: "rgb(34, 197, 94)";
readonly secondary: "rgb(74, 222, 128)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
};
readonly nebula: {
readonly primary: "rgb(138, 91, 255)";
readonly secondary: "rgb(168, 131, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
};
readonly amber: {
readonly primary: "rgb(255, 151, 71)";
readonly secondary: "rgb(255, 183, 107)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
};
readonly horizon: {
readonly primary: "rgb(255, 111, 97)";
readonly secondary: "rgb(255, 141, 127)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
readonly pure: {
readonly white: "rgb(255, 255, 255)";
readonly black: "rgb(0, 0, 0)";
readonly transparent: "transparent";
};
readonly semantic: {
readonly good: "rgb(34, 197, 94)";
readonly normal: "rgb(51, 160, 255)";
readonly bad: "rgb(255, 151, 71)";
readonly ai: "rgb(138, 91, 255)";
readonly professional: "rgb(255, 111, 97)";
};
};
readonly principles: {
readonly colorUsage: {
readonly focusedPalette: true;
readonly baseColors: readonly ["black", "white"];
readonly vibrancyColors: readonly ["blue", "nebula", "amber", "green"];
readonly backgroundStrategy: "pure_with_strong_accents";
readonly emphasis: {
readonly brandColor: "rgb(51, 160, 255)";
readonly professionalFeeling: true;
readonly dynamicGradient: true;
};
readonly temperaturePreference: "cold";
readonly contrastStrategy: "strong_color_simple_background";
};
readonly visualEffects: {
readonly materials: readonly ["glass", "clear_spheres", "sharp_lines"];
readonly motionConcept: "gravity_warp_event_horizon";
readonly surfaceEffects: readonly ["liquid_chrome", "divine_particles", "living_dots"];
readonly clusterEffects: "pixelated_clusters_with_sharpness";
};
readonly aiPersonality: {
readonly cosmicAttributes: readonly ["hidden_universe", "infinity", "divine_rules"];
readonly intelligenceCharacter: {
readonly thoughtVisualization: "pixelated_low_res";
readonly controlLevel: "smart_but_controlled";
readonly artificiality: "intentionally_digital";
};
readonly behaviorTraits: readonly ["organic_feeling", "emotional", "lightning_fast_reflection"];
readonly auralQualities: readonly ["luminous", "ethereal", "vivid_aura", "cosmic_nexus"];
};
readonly physicalAI: {
readonly groundingPrinciple: "grounded_in_reality";
readonly scaleManipulation: readonly ["micro_to_macro", "atomic_level", "divine_particles"];
readonly orderChaos: "controlled_chaos_through_particles";
};
};
readonly enterprise: {
readonly systems: {
readonly water: {
readonly primary: "rgb(51, 160, 255)";
readonly secondary: "rgb(111, 188, 255)";
readonly variant: "rgb(80, 187, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
};
readonly air: {
readonly primary: "rgb(34, 197, 94)";
readonly secondary: "rgb(74, 222, 128)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
};
readonly energy: {
readonly primary: "rgb(255, 151, 71)";
readonly secondary: "rgb(255, 183, 107)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
};
readonly aiOptimization: {
readonly primary: "rgb(138, 91, 255)";
readonly secondary: "rgb(168, 131, 255)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
};
readonly equipmentStatus: {
readonly primary: "rgb(255, 111, 97)";
readonly secondary: "rgb(255, 141, 127)";
readonly gradientToWhite: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 255, 255) 100%)";
readonly gradientInternally: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
};
readonly dashboard: {
readonly kpiGood: "rgb(34, 197, 94)";
readonly kpiWarning: "rgb(255, 151, 71)";
readonly systemNormal: "rgb(51, 160, 255)";
readonly aiInsights: "rgb(138, 91, 255)";
readonly professionalData: "rgb(255, 111, 97)";
};
readonly interactive: {
readonly primary: "linear-gradient(90deg, rgb(51, 160, 255) 0%, rgb(111, 188, 255) 100%)";
readonly secondary: "linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(74, 222, 128) 100%)";
readonly ai: "linear-gradient(90deg, rgb(138, 91, 255) 0%, rgb(168, 131, 255) 100%)";
readonly warning: "linear-gradient(90deg, rgb(255, 151, 71) 0%, rgb(255, 183, 107) 100%)";
readonly professional: "linear-gradient(90deg, rgb(255, 111, 97) 0%, rgb(255, 141, 127) 100%)";
};
};
};
export type FigmaColorSystem = typeof figmaColorSystem;