| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- {
- "style_id": "tech_blue_warm_orange",
- "style_name": "科技蓝暖橙 · 家庭健康 (Tech Blue Warm Orange)",
- "category": "dark_professional",
- "inspiration": "Linear.app × Apple Keynote × 五维五行色系",
- "mood_keywords": ["深夜书房暖灯", "数据脉搏", "家庭温度", "精密仪器", "科技信赖"],
- "design_soul": "深夜书房里一盏暖橙台灯，照亮墙上的家庭合影与屏幕上跳动的健康数据曲线——AI 的精准与家的温度在同一束光下交融，冷静的技术底色上始终有一抹暖橙的守护。",
- "variation_strategy": "内容页以深蓝底+暖橙强调+网格点阵制造'精密仪器'感（高密度），章节封面用大图渐隐+大面积留白呼吸（释放），五维相关页用五行色系点缀制造色彩递进（身橙/心粉/智蓝/行绿/富金），数据页用大号水印数字+角标装饰线强化'数据洪流'感——三种节奏交替形成视觉心跳",
- "decoration_dna": {
- "signature_move": "暖橙标题下划线 + 深蓝网格点阵 + 五维色小徽章",
- "forbidden": ["马卡龙糖果色", "渐变文字(-webkit-background-clip:text)", "大面积绿色系", "伪元素装饰", "CSS border 三角形", "conic-gradient"],
- "recommended_combos": [
- "暖橙下划线 + 编号气泡 + 五维色徽章",
- "网格点阵 + L 形角标装饰 + 大号水印数字",
- "光晕效果 + 半透明色块 + 数据曲线 sparkline"
- ]
- },
- "css_variables": {
- "bg_primary": "#0A1A2F",
- "bg_secondary": "#10264A",
- "card_bg_from": "#17294A",
- "card_bg_to": "#101F3B",
- "card_border": "rgba(255,255,255,0.07)",
- "card_radius": "14px",
- "text_primary": "#F5F8FC",
- "text_secondary": "rgba(235,243,255,0.72)",
- "accent_1": "#FF8C42",
- "accent_2": "#5AB0FF",
- "accent_3": "#FF6B9D",
- "accent_4": "#10B981",
- "five_earth": "#FF8C42",
- "five_fire": "#FF6B9D",
- "five_metal": "#6366F1",
- "five_wood": "#10B981",
- "five_water": "#F59E0B",
- "grid_dot_color": "#FFFFFF",
- "grid_dot_opacity": 0.04,
- "grid_size": 44
- },
- "font_family": "'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif",
- "typography": {
- "display_font": "'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif",
- "body_font": "'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, sans-serif",
- "mono_font": "'JetBrains Mono', 'Consolas', monospace",
- "display_letter_spacing": "-0.02em",
- "headline_letter_spacing": "0",
- "body_letter_spacing": "0",
- "label_letter_spacing": "0.14em",
- "tabular_nums": true
- },
- "font_imports": [
- "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap"
- ],
- "css_snippets": {
- "title_style": "font-size: 28px; font-weight: 700; letter-spacing: 0; color: var(--text-primary); border-bottom: 4px solid var(--accent-1); padding-bottom: 8px; display: inline-block;",
- "list_marker": "width: 6px; height: 6px; border-radius: 2px; background: var(--accent-1); margin-right: 12px; flex-shrink: 0;",
- "body_text": "font-size: 13.5px; line-height: 1.8; color: var(--text-secondary);",
- "page_number": "font-size: 11px; color: var(--text-secondary); opacity: 0.5; position: absolute; bottom: 24px;",
- "card_padding": "padding: 22px 24px;",
- "section_gap": "gap: 18px;"
- }
- }
|
