设计系统色彩令牌配置方案

"{\n \"tokens\": {\n \"colors\": {\n \"primary\": \"#3B82F6\",\n \"text\": \"#111827\",\n \"muted\": \"#6B7280\",\n \"background\": \"#F3F4F6\",\n \"surface\": \"#FFFFFF\",\n \"navText\": \"#333333\"\n },\n \"typography\": {\n \"h1\": { \"fontSize\": \"48px\", \"fontWeight\": \"700\" },\n \"body\": { \"fontSize\": \"16px\", \"fontWeight\": \"400\" },\n \"caption\": { \"fontSize\": \"14px\", \"fontWeight\": \"400\" },\n \"button\": { \"fontSize\": \"16px\", \"fontWeight\": \"500\" }\n },\n \"rounded\": {\n \"md\": \"8px\"\n },\n \"spacing\": {\n \"sm\": \"8px\",\n \"md\": \"16px\",\n \"lg\": \"24px\",\n \"xl\": \"32px\"\n }\n },\n \"component\": \"LandingPage\",\n \"backgroundColor\": \"{colors.background}\",\n \"children\": [\n {\n \"component\": \"Header\",\n \"layout\": { \"display\": \"flex\", \"justifyContent\": \"space-between\", \"alignItems\": \"center\", \"padding\": \"{spacing.md}\" },\n \"backgroundColor\": \"{colors.surface}\",\n \"children\": [\n {\n \"component\": \"div\",\n \"layout\": { \"display\": \"flex\", \"alignItems\": \"center\", \"gap\": \"{spacing.sm}\" },\n \"children\": [\n {\n \"component\": \"Text\",\n \"content\": \"Tech Company\",\n \"style\": { \"color\": \"#9CA3AF\", \"fontSize\": \"16px\" }\n },\n {\n \"component\": \"Text\",\n \"content\": \"Tech Innovations\",\n \"style\": { \"color\": \"{colors.text}\", \"fontSize\": \"18px\", \"fontWeight\": \"700\" }\n }\n ]\n },\n {\n \"component\": \"div\",\n \"layout\": { \"display\": \"flex\", \"alignItems\": \"center\", \"gap\": \"{spacing.md}\" },\n \"children\": [\n {\n \"component\": \"Text\",\n \"content\": \"首页\",\n \"style\": { \"color\": \"{colors.navText}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Text\",\n \"content\": \"产品\",\n \"style\": { \"color\": \"{colors.navText}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Text\",\n \"content\": \"解决方案\",\n \"style\": { \"color\": \"{colors.navText}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Text\",\n \"content\": \"资源\",\n \"style\": { \"color\": \"{colors.navText}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Text\",\n \"content\": \"联系我们\",\n \"style\": { \"color\": \"{colors.navText}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Text\",\n \"content\": \"登录\",\n \"style\": { \"color\": \"{colors.primary}\", \"fontSize\": \"16px\" },\n \"states\": { \"hover\": { \"textDecoration\": \"underline\" } }\n },\n {\n \"component\": \"Button\",\n \"content\": \"免费试用\",\n \"variant\": \"solid\",\n \"color\": \"{colors.primary}\",\n \"style\": { \"fontSize\": \"{typography.button.fontSize}\", \"fontWeight\": \"{typography.button.fontWeight}\" }\n }\n ]\n }\n ]\n },\n {\n \"component\": \"HeroSection\",\n \"layout\": { \"display\": \"flex\", \"flexDirection\": \"column\", \"alignItems\": \"center\", \"padding\": \"{spacing.xl}\" },\n \"children\": [\n {\n \"component\": \"Text\",\n \"content\": \"Introducing Our Newest Innovations\",\n \"style\": {\n \"fontSize\": \"{typography.h1.fontSize}\",\n \"fontWeight\": \"{typography.h1.fontWeight}\",\n \"background\": \"linear-gradient(to right, #3B82F6, #8B5CF6)\",\n \"WebkitBackgroundClip\": \"text\",\n \"backgroundClip\": \"text\",\n \"color\": \"transparent\"\n }\n },\n {\n \"component\": \"Text\",\n \"content\": \"探索我们最新的突破性产品，将科技与设计完美融合，为您带来前所未有的体验\",\n \"style\": {\n \"fontSize\": \"{typography.body.fontSize}\",\n \"color\": \"{colors.muted}\",\n \"textAlign\": \"center\",\n \"margin\": \"{spacing.lg} 0\"\n }\n },\n {\n \"component\": \"ProductCard\",\n \"backgroundColor\": \"{colors.surface}\",\n \"borderRadius\": \"{rounded.md}\",\n \"boxShadow\": \"shadow-md\",\n \"padding\": \"{spacing.lg}\",\n \"position\": \"relative\",\n \"layout\": { \"display\": \"flex\", \"flexDirection\": \"column\", \"alignItems\": \"center\" },\n \"children\": [\n {\n \"component\": \"Image\",\n \"src\": \"placeholder\",\n \"aspectRatio\": \"aspect-[4/3]\",\n \"objectFit\": \"cover\",\n \"style\": { \"width\": \"100%\", \"maxWidth\": \"300px\" }\n },\n {\n \"component\": \"Badge\",\n \"content\": \"新品上市\",\n \"position\": \"absolute\",\n \"top\": \"{spacing.sm}\",\n \"right\": \"{spacing.sm}\",\n \"backgroundColor\": \"{colors.primary}\",\n \"color\": \"white\",\n \"borderRadius\": \"4px\",\n \"padding\": \"4px 8px\",\n \"style\": { \"fontSize\": \"12px\", \"fontWeight\": \"500\" }\n },\n {\n \"component\": \"Text\",\n \"content\": \"SkyVision Pro 无人机\",\n \"style\": {\n \"fontSize\": \"18px\",\n \"fontWeight\": \"600\",\n \"color\": \"{colors.text}\",\n \"textAlign\": \"center\",\n \"margin\": \"{spacing.md} 0\"\n }\n },\n {\n \"component\": \"Text\",\n \"content\": \"专业级航拍解决方案，4K高清影像，智能避障，续航长达45分钟\",\n \"style\": {\n \"fontSize\": \"{typography.caption.fontSize}\",\n \"color\": \"{colors.muted}\",\n \"textAlign\": \"center\",\n \"margin\": \"{spacing.sm} 0\"\n }\n },\n {\n \"component\": \"Text\",\n \"content\": \"了解更多\",\n \"style\": {\n \"color\": \"{colors.primary}\",\n \"display\": \"inline-flex\",\n \"alignItems\": \"center\",\n \"gap\": \"{spacing.sm}\",\n \"cursor\": \"pointer\"\n },\n \"children\": [\n {\n \"component\": \"Text\",\n \"content\": \"了解更多\"\n },\n {\n \"component\": \"Icon\",\n \"name\": \"fa-solid fa-arrow-right\",\n \"size\": \"16px\",\n \"color\": \"{colors.primary}\"\n }\n ]\n }\n ]\n },\n {\n \"component\": \"div\",\n \"layout\": { \"display\": \"flex\", \"justifyContent\": \"center\", \"gap\": \"{spacing.md}\", \"margin\": \"{spacing.lg} 0\" },\n \"children\": [\n {\n \"component\": \"Button\",\n \"content\": \"浏览全部产品\",\n \"variant\": \"solid\",\n \"color\": \"{colors.primary}\",\n \"style\": { \"fontSize\": \"{typography.button.fontSize}\", \"fontWeight\": \"{typography.button.fontWeight}\" }\n },\n {\n \"component\": \"Button\",\n \"content\": \"观看演示视频\",\n \"variant\": \"outline\",\n \"color\": \"{colors.primary}\",\n \"style\": { \"fontSize\": \"{typography.button.fontSize}\", \"fontWeight\": \"{typography.button.fontWeight}\" }\n }\n ]\n }\n ]\n }\n ]\n}"