pravah/DESIGN.json at main · Snehit70/pravah · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
{
  "schemaVersion": 2,
  "generatedAt": "2026-07-01T00:00:00+05:30",
  "title": "Design System: Pravah Mobile",
  "extensions": {
    "colorMeta": {
      "canvas": {
        "role": "neutral",
        "displayName": "Planning Canvas",
        "canonical": "#f7f1e8",
        "tonalRamp": ["#30281f", "#4c4033", "#695b4b", "#887866", "#a99a87", "#c9bcaa", "#e6dccd", "#f7f1e8"]
      },
      "accent": {
        "role": "primary",
        "displayName": "Quiet Indigo",
        "canonical": "#6753c7",
        "tonalRamp": ["#201747", "#302467", "#43338a", "#5844b8", "#6753c7", "#9081dc", "#beb6ee", "#ebe8fa"]
      },
      "ink": {
        "role": "neutral",
        "displayName": "Warm Ink",
        "canonical": "#201914",
        "tonalRamp": ["#201914", "#3c312a", "#594b41", "#77685c", "#97887b", "#b8aa9d", "#d9cfc4", "#f6f1eb"]
      }
    },
    "typographyMeta": {
      "display": {
        "displayName": "Destination Display",
        "purpose": "Top-level mobile destination titles."
      },
      "body": {
        "displayName": "Product Body",
        "purpose": "Task-supporting copy and explanations."
      },
      "metadata": {
        "displayName": "Scannable Metadata",
        "purpose": "Dates, counts, priorities, and compact state."
      }
    },
    "shadows": [
      {
        "name": "low",
        "value": "0 1px 2px rgba(44,33,24,0.08)",
        "purpose": "Small raised controls."
      },
      {
        "name": "medium",
        "value": "0 4px 12px rgba(44,33,24,0.12)",
        "purpose": "Floating panels."
      },
      {
        "name": "high",
        "value": "0 8px 28px rgba(44,33,24,0.16)",
        "purpose": "Sheets and dialogs."
      }
    ],
    "motion": [
      {
        "name": "fast",
        "value": "200ms cubic-bezier(0.16, 1, 0.3, 1)",
        "purpose": "Pressed, selected, and compact disclosure state."
      },
      {
        "name": "base",
        "value": "280ms cubic-bezier(0.22, 1, 0.36, 1)",
        "purpose": "Sheet, row, and toast transitions."
      }
    ],
    "breakpoints": []
  },
  "components": [],
  "narrative": {
    "northStar": "The Warm Planning Desk",
    "overview": "A quiet mobile planning surface with paper-warm neutrals, stable action anatomy, and restrained intelligence cues.",
    "keyCharacteristics": [
      "Warm low-chroma neutral layers",
      "Comfortable mobile density",
      "One primary action per context",
      "Visible non-gesture paths",
      "State-explaining feedback"
    ],
    "rules": [
      {
        "name": "The Quiet Accent Rule",
        "body": "Indigo communicates action, selection, focus, or Kairo and is never background decoration.",
        "section": "colors"
      },
      {
        "name": "The Earned Elevation Rule",
        "body": "A shadow indicates real layering or focus, never decoration.",
        "section": "elevation"
      }
    ],
    "dos": [
      "Use one visually dominant action per context.",
      "Expose complete accessibility state.",
      "Keep essential actions available without gestures."
    ],
    "donts": [
      "Do not use purple gradients, neon glow, decorative glass, or generic AI-futuristic styling.",
      "Do not turn Timeline into a calendar clone.",
      "Do not hide essential actions behind swipe gestures."
    ]
  }
}