chore: seal Design Vision v1 and monorepo scaffold
Archive the differentiated YuXinGu product docs, AI engineering system, design contract, and Go/Vue scaffold. Next execution prioritizes Cece-parity over early innovation (see .ai/product/STRATEGY.md). Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,79 @@
|
||||
/* Shared design tokens — source of truth for H5 / mini-program / future clients
|
||||
* Contract: .ai/design/design-system.md
|
||||
*/
|
||||
:root {
|
||||
/* ── Semantic color (prefer in new UI) ── */
|
||||
--color-primary: #e54d42;
|
||||
--color-primary-hover: #d44338;
|
||||
--color-primary-soft: #ffe4e4;
|
||||
--color-primary-disabled: #f5b5b0;
|
||||
|
||||
--color-bg-start: #ffd1c7;
|
||||
--color-bg-end: #ffc8b5;
|
||||
--color-bg-sheet: #fff9f7;
|
||||
|
||||
--color-surface: #ffffff;
|
||||
--color-text-primary: #333333;
|
||||
--color-text-secondary: #999999;
|
||||
--color-text-tertiary: #bbbbbb;
|
||||
--color-border: #f0f0f0;
|
||||
--color-border-strong: #eeeeee;
|
||||
--color-input-bg: #fdfaf8;
|
||||
|
||||
--color-accent-gold: #c8923a;
|
||||
--color-accent-gold-soft: #fff3d6;
|
||||
--color-accent-blue: #4a90e2;
|
||||
--color-accent-blue-soft: #e3eeff;
|
||||
--color-accent-green: #5cb85c;
|
||||
--color-accent-green-soft: #e0f6e4;
|
||||
--color-accent-orange: #e8985a;
|
||||
--color-accent-purple: #8b5cf6;
|
||||
|
||||
--color-success: #5cb85c;
|
||||
--color-warning: #e8985a;
|
||||
--color-error: #e54d42;
|
||||
--color-info: #4a90e2;
|
||||
|
||||
/* ── Spacing ── */
|
||||
--spacing-2xs: 4px;
|
||||
--spacing-xs: 8px;
|
||||
--spacing-sm: 12px;
|
||||
--spacing-md: 16px;
|
||||
--spacing-lg: 24px;
|
||||
--spacing-xl: 32px;
|
||||
--spacing-2xl: 48px;
|
||||
--spacing-3xl: 64px;
|
||||
|
||||
/* ── Radius ── */
|
||||
--radius-sm: 10px;
|
||||
--radius-md: 12px;
|
||||
--radius-lg: 16px;
|
||||
--radius-xl: 20px;
|
||||
--radius-pill: 999px;
|
||||
|
||||
/* ── Shadow / layout ── */
|
||||
--shadow-card: 0 2px 10px rgba(0, 0, 0, 0.04);
|
||||
--shadow-nav: 0 -2px 8px rgba(0, 0, 0, 0.03);
|
||||
--layout-max-user: 430px;
|
||||
--layout-nav-h: 56px;
|
||||
|
||||
/* ── Motion ── */
|
||||
--duration-fast: 150ms;
|
||||
--duration-normal: 200ms;
|
||||
--duration-slow: 300ms;
|
||||
|
||||
/* ── Legacy aliases (do not remove; migrate gradually) ── */
|
||||
--yxg-pri: var(--color-primary);
|
||||
--yxg-blue: var(--color-accent-blue);
|
||||
--yxg-green: var(--color-accent-green);
|
||||
--yxg-purple: var(--color-accent-purple);
|
||||
--yxg-orange: var(--color-accent-orange);
|
||||
--yxg-gold: var(--color-accent-gold);
|
||||
--yxg-text: var(--color-text-primary);
|
||||
--yxg-sub: var(--color-text-secondary);
|
||||
--yxg-bg-start: var(--color-bg-start);
|
||||
--yxg-bg-end: var(--color-bg-end);
|
||||
--yxg-radius: var(--radius-lg);
|
||||
--yxg-nav-h: var(--layout-nav-h);
|
||||
--yxg-max-w: var(--layout-max-user);
|
||||
}
|
||||
Reference in New Issue
Block a user