appostle-installer 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/appostle.js +6310 -4838
- package/dist/appostle.js.map +4 -4
- package/dist/schema-templates/animations.md +48 -0
- package/dist/schema-templates/art-direction.md +90 -0
- package/dist/schema-templates/buttons.md +340 -0
- package/dist/schema-templates/colors.md +190 -0
- package/dist/schema-templates/icons.md +45 -0
- package/dist/schema-templates/logo.md +68 -0
- package/dist/schema-templates/motion.md +53 -0
- package/dist/schema-templates/shadows.md +33 -0
- package/dist/schema-templates/shapes.md +160 -0
- package/dist/schema-templates/spacing.md +58 -0
- package/dist/schema-templates/typography.md +313 -0
- package/dist/schema-templates/voice.md +28 -0
- package/dist/worker.js +7065 -5255
- package/dist/worker.js.map +4 -4
- package/package.json +1 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Logo lockups — primary marks shown on light and dark surfaces
|
|
3
|
+
variables:
|
|
4
|
+
- key: brand.logo.on-light.horizontal
|
|
5
|
+
type: asset
|
|
6
|
+
label: Horizontal — On-Light
|
|
7
|
+
value: ""
|
|
8
|
+
section: visual
|
|
9
|
+
- key: brand.logo.on-dark.horizontal
|
|
10
|
+
type: asset
|
|
11
|
+
label: Horizontal — On-Dark
|
|
12
|
+
value: ""
|
|
13
|
+
section: visual
|
|
14
|
+
- key: brand.logo.mono-on-light.horizontal
|
|
15
|
+
type: asset
|
|
16
|
+
label: Horizontal — Mono On-Light
|
|
17
|
+
value: ""
|
|
18
|
+
section: visual
|
|
19
|
+
- key: brand.logo.mono-on-dark.horizontal
|
|
20
|
+
type: asset
|
|
21
|
+
label: Horizontal — Mono On-Dark
|
|
22
|
+
value: ""
|
|
23
|
+
section: visual
|
|
24
|
+
- key: brand.logo.on-light.vertical
|
|
25
|
+
type: asset
|
|
26
|
+
label: Vertical — On-Light
|
|
27
|
+
value: ""
|
|
28
|
+
section: visual
|
|
29
|
+
- key: brand.logo.on-dark.vertical
|
|
30
|
+
type: asset
|
|
31
|
+
label: Vertical — On-Dark
|
|
32
|
+
value: ""
|
|
33
|
+
section: visual
|
|
34
|
+
- key: brand.logo.mono-on-light.vertical
|
|
35
|
+
type: asset
|
|
36
|
+
label: Vertical — Mono On-Light
|
|
37
|
+
value: ""
|
|
38
|
+
section: visual
|
|
39
|
+
- key: brand.logo.mono-on-dark.vertical
|
|
40
|
+
type: asset
|
|
41
|
+
label: Vertical — Mono On-Dark
|
|
42
|
+
value: ""
|
|
43
|
+
section: visual
|
|
44
|
+
- key: brand.logo.on-light.mark
|
|
45
|
+
type: asset
|
|
46
|
+
label: Mark — On-Light
|
|
47
|
+
value: ""
|
|
48
|
+
section: visual
|
|
49
|
+
- key: brand.logo.on-dark.mark
|
|
50
|
+
type: asset
|
|
51
|
+
label: Mark — On-Dark
|
|
52
|
+
value: ""
|
|
53
|
+
section: visual
|
|
54
|
+
- key: brand.logo.mono-on-light.mark
|
|
55
|
+
type: asset
|
|
56
|
+
label: Mark — Mono On-Light
|
|
57
|
+
value: ""
|
|
58
|
+
section: visual
|
|
59
|
+
- key: brand.logo.mono-on-dark.mark
|
|
60
|
+
type: asset
|
|
61
|
+
label: Mark — Mono On-Dark
|
|
62
|
+
value: ""
|
|
63
|
+
section: visual
|
|
64
|
+
---
|
|
65
|
+
|
|
66
|
+
# Logo
|
|
67
|
+
|
|
68
|
+
Three canonical lockups — horizontal, vertical, and mark only — each shown on a light and a dark surface so the mark is proven against both contexts. Mono variants are auto-derived from the uploaded SVGs.
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Easing curves and duration scale — the raw timing vocabulary every animation references
|
|
3
|
+
variables:
|
|
4
|
+
- key: motion.easing.default
|
|
5
|
+
type: text
|
|
6
|
+
label: Default
|
|
7
|
+
value: ""
|
|
8
|
+
section: motion
|
|
9
|
+
- key: motion.easing.enter
|
|
10
|
+
type: text
|
|
11
|
+
label: Enter
|
|
12
|
+
value: ""
|
|
13
|
+
section: motion
|
|
14
|
+
- key: motion.easing.exit
|
|
15
|
+
type: text
|
|
16
|
+
label: Exit
|
|
17
|
+
value: ""
|
|
18
|
+
section: motion
|
|
19
|
+
- key: motion.easing.expressive
|
|
20
|
+
type: text
|
|
21
|
+
label: Expressive
|
|
22
|
+
value: ""
|
|
23
|
+
section: motion
|
|
24
|
+
- key: motion.duration.instant
|
|
25
|
+
type: number
|
|
26
|
+
label: Instant
|
|
27
|
+
value: ""
|
|
28
|
+
section: motion
|
|
29
|
+
- key: motion.duration.fast
|
|
30
|
+
type: number
|
|
31
|
+
label: Fast
|
|
32
|
+
value: ""
|
|
33
|
+
section: motion
|
|
34
|
+
- key: motion.duration.normal
|
|
35
|
+
type: number
|
|
36
|
+
label: Normal
|
|
37
|
+
value: ""
|
|
38
|
+
section: motion
|
|
39
|
+
- key: motion.duration.slow
|
|
40
|
+
type: number
|
|
41
|
+
label: Slow
|
|
42
|
+
value: ""
|
|
43
|
+
section: motion
|
|
44
|
+
- key: motion.duration.glacial
|
|
45
|
+
type: number
|
|
46
|
+
label: Glacial
|
|
47
|
+
value: ""
|
|
48
|
+
section: motion
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
# Motion
|
|
52
|
+
|
|
53
|
+
Named easing curves and a duration scale. Curves define *how* something accelerates; durations define *how long*. Together they are the timing vocabulary that every animation recipe in animations.md references.
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Shadow style, elevation tiers, and glow tokens
|
|
3
|
+
variables:
|
|
4
|
+
- key: shadow.style
|
|
5
|
+
type: text
|
|
6
|
+
label: Shadow Style
|
|
7
|
+
value: ""
|
|
8
|
+
section: visual
|
|
9
|
+
- key: shadow.primary
|
|
10
|
+
type: text
|
|
11
|
+
label: Primary Shadow
|
|
12
|
+
value: ""
|
|
13
|
+
section: visual
|
|
14
|
+
- key: shadow.elevated
|
|
15
|
+
type: text
|
|
16
|
+
label: Elevated Shadow
|
|
17
|
+
value: ""
|
|
18
|
+
section: visual
|
|
19
|
+
- key: shadow.glow
|
|
20
|
+
type: text
|
|
21
|
+
label: Glow / Focus
|
|
22
|
+
value: ""
|
|
23
|
+
section: visual
|
|
24
|
+
- key: shadow.principles
|
|
25
|
+
type: text
|
|
26
|
+
label: Principles
|
|
27
|
+
value: ""
|
|
28
|
+
section: visual
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
# Shadows
|
|
32
|
+
|
|
33
|
+
[1–2 sentence description of the shadow system and what elevation feels like.]
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Brand shape system — graphic forms with explicit usage rules so agents and humans render them consistently
|
|
3
|
+
variables:
|
|
4
|
+
- key: brand.shape.shape-1.asset
|
|
5
|
+
type: asset
|
|
6
|
+
label: Shape 1
|
|
7
|
+
value: ""
|
|
8
|
+
section: visual
|
|
9
|
+
- key: brand.shape.shape-1.rotation
|
|
10
|
+
type: select
|
|
11
|
+
label: Rotation Allowance
|
|
12
|
+
value: free
|
|
13
|
+
options: [free, 90-steps, fixed]
|
|
14
|
+
section: visual
|
|
15
|
+
- key: brand.shape.shape-1.color-usage
|
|
16
|
+
type: select
|
|
17
|
+
label: Color Allowance
|
|
18
|
+
value: any
|
|
19
|
+
options: [brand-only, neutrals-only, any]
|
|
20
|
+
section: visual
|
|
21
|
+
- key: brand.shape.shape-1.utilisation
|
|
22
|
+
type: select
|
|
23
|
+
label: Utilisation Allowance
|
|
24
|
+
value: medium
|
|
25
|
+
options: [sparse, medium, a-lot, loads]
|
|
26
|
+
section: visual
|
|
27
|
+
- key: brand.shape.shape-1.min-size
|
|
28
|
+
type: text
|
|
29
|
+
label: Min Size — % of Page Height
|
|
30
|
+
value: "10"
|
|
31
|
+
section: visual
|
|
32
|
+
- key: brand.shape.shape-1.max-size
|
|
33
|
+
type: text
|
|
34
|
+
label: Max Size — % of Page Height
|
|
35
|
+
value: "60"
|
|
36
|
+
section: visual
|
|
37
|
+
- key: brand.shape.shape-1.notes
|
|
38
|
+
type: text
|
|
39
|
+
label: Notes
|
|
40
|
+
value: ""
|
|
41
|
+
section: visual
|
|
42
|
+
- key: brand.shape.shape-2.asset
|
|
43
|
+
type: asset
|
|
44
|
+
label: Shape 2
|
|
45
|
+
value: ""
|
|
46
|
+
section: visual
|
|
47
|
+
- key: brand.shape.shape-2.rotation
|
|
48
|
+
type: select
|
|
49
|
+
label: Rotation Allowance
|
|
50
|
+
value: free
|
|
51
|
+
options: [free, 90-steps, fixed]
|
|
52
|
+
section: visual
|
|
53
|
+
- key: brand.shape.shape-2.color-usage
|
|
54
|
+
type: select
|
|
55
|
+
label: Color Allowance
|
|
56
|
+
value: any
|
|
57
|
+
options: [brand-only, neutrals-only, any]
|
|
58
|
+
section: visual
|
|
59
|
+
- key: brand.shape.shape-2.utilisation
|
|
60
|
+
type: select
|
|
61
|
+
label: Utilisation Allowance
|
|
62
|
+
value: medium
|
|
63
|
+
options: [sparse, medium, a-lot, loads]
|
|
64
|
+
section: visual
|
|
65
|
+
- key: brand.shape.shape-2.min-size
|
|
66
|
+
type: text
|
|
67
|
+
label: Min Size — % of Page Height
|
|
68
|
+
value: "10"
|
|
69
|
+
section: visual
|
|
70
|
+
- key: brand.shape.shape-2.max-size
|
|
71
|
+
type: text
|
|
72
|
+
label: Max Size — % of Page Height
|
|
73
|
+
value: "60"
|
|
74
|
+
section: visual
|
|
75
|
+
- key: brand.shape.shape-2.notes
|
|
76
|
+
type: text
|
|
77
|
+
label: Notes
|
|
78
|
+
value: ""
|
|
79
|
+
section: visual
|
|
80
|
+
- key: brand.shape.shape-3.asset
|
|
81
|
+
type: asset
|
|
82
|
+
label: Shape 3
|
|
83
|
+
value: ""
|
|
84
|
+
section: visual
|
|
85
|
+
- key: brand.shape.shape-3.rotation
|
|
86
|
+
type: select
|
|
87
|
+
label: Rotation Allowance
|
|
88
|
+
value: free
|
|
89
|
+
options: [free, 90-steps, fixed]
|
|
90
|
+
section: visual
|
|
91
|
+
- key: brand.shape.shape-3.color-usage
|
|
92
|
+
type: select
|
|
93
|
+
label: Color Allowance
|
|
94
|
+
value: any
|
|
95
|
+
options: [brand-only, neutrals-only, any]
|
|
96
|
+
section: visual
|
|
97
|
+
- key: brand.shape.shape-3.utilisation
|
|
98
|
+
type: select
|
|
99
|
+
label: Utilisation Allowance
|
|
100
|
+
value: medium
|
|
101
|
+
options: [sparse, medium, a-lot, loads]
|
|
102
|
+
section: visual
|
|
103
|
+
- key: brand.shape.shape-3.min-size
|
|
104
|
+
type: text
|
|
105
|
+
label: Min Size — % of Page Height
|
|
106
|
+
value: "10"
|
|
107
|
+
section: visual
|
|
108
|
+
- key: brand.shape.shape-3.max-size
|
|
109
|
+
type: text
|
|
110
|
+
label: Max Size — % of Page Height
|
|
111
|
+
value: "60"
|
|
112
|
+
section: visual
|
|
113
|
+
- key: brand.shape.shape-3.notes
|
|
114
|
+
type: text
|
|
115
|
+
label: Notes
|
|
116
|
+
value: ""
|
|
117
|
+
section: visual
|
|
118
|
+
- key: brand.shape.shape-4.asset
|
|
119
|
+
type: asset
|
|
120
|
+
label: Shape 4
|
|
121
|
+
value: ""
|
|
122
|
+
section: visual
|
|
123
|
+
- key: brand.shape.shape-4.rotation
|
|
124
|
+
type: select
|
|
125
|
+
label: Rotation Allowance
|
|
126
|
+
value: free
|
|
127
|
+
options: [free, 90-steps, fixed]
|
|
128
|
+
section: visual
|
|
129
|
+
- key: brand.shape.shape-4.color-usage
|
|
130
|
+
type: select
|
|
131
|
+
label: Color Allowance
|
|
132
|
+
value: any
|
|
133
|
+
options: [brand-only, neutrals-only, any]
|
|
134
|
+
section: visual
|
|
135
|
+
- key: brand.shape.shape-4.utilisation
|
|
136
|
+
type: select
|
|
137
|
+
label: Utilisation Allowance
|
|
138
|
+
value: medium
|
|
139
|
+
options: [sparse, medium, a-lot, loads]
|
|
140
|
+
section: visual
|
|
141
|
+
- key: brand.shape.shape-4.min-size
|
|
142
|
+
type: text
|
|
143
|
+
label: Min Size — % of Page Height
|
|
144
|
+
value: "10"
|
|
145
|
+
section: visual
|
|
146
|
+
- key: brand.shape.shape-4.max-size
|
|
147
|
+
type: text
|
|
148
|
+
label: Max Size — % of Page Height
|
|
149
|
+
value: "60"
|
|
150
|
+
section: visual
|
|
151
|
+
- key: brand.shape.shape-4.notes
|
|
152
|
+
type: text
|
|
153
|
+
label: Notes
|
|
154
|
+
value: ""
|
|
155
|
+
section: visual
|
|
156
|
+
---
|
|
157
|
+
|
|
158
|
+
# Shapes
|
|
159
|
+
|
|
160
|
+
Brand shapes are graphic forms used decoratively across the system — corner accents, dividers, frame elements. Each shape carries explicit constraints (rotation, color, utilisation, size range) so agents and human builders render it identically every time.
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Spacing scale — responsive whitespace tokens for mobile and desktop
|
|
3
|
+
variables:
|
|
4
|
+
- key: spacing.base-unit
|
|
5
|
+
type: number
|
|
6
|
+
label: Base Unit
|
|
7
|
+
value: ""
|
|
8
|
+
section: spacing
|
|
9
|
+
- key: spacing.max-width
|
|
10
|
+
type: number
|
|
11
|
+
label: Max Content Width
|
|
12
|
+
value: ""
|
|
13
|
+
section: spacing
|
|
14
|
+
- key: spacing.section-gap.mobile
|
|
15
|
+
type: number
|
|
16
|
+
label: Section Gap — Mobile
|
|
17
|
+
value: ""
|
|
18
|
+
section: spacing
|
|
19
|
+
- key: spacing.section-gap.desktop
|
|
20
|
+
type: number
|
|
21
|
+
label: Section Gap — Desktop
|
|
22
|
+
value: ""
|
|
23
|
+
section: spacing
|
|
24
|
+
- key: spacing.container-padding.mobile
|
|
25
|
+
type: number
|
|
26
|
+
label: Container Padding — Mobile
|
|
27
|
+
value: ""
|
|
28
|
+
section: spacing
|
|
29
|
+
- key: spacing.container-padding.desktop
|
|
30
|
+
type: number
|
|
31
|
+
label: Container Padding — Desktop
|
|
32
|
+
value: ""
|
|
33
|
+
section: spacing
|
|
34
|
+
- key: spacing.card-padding.mobile
|
|
35
|
+
type: number
|
|
36
|
+
label: Card Padding — Mobile
|
|
37
|
+
value: ""
|
|
38
|
+
section: spacing
|
|
39
|
+
- key: spacing.card-padding.desktop
|
|
40
|
+
type: number
|
|
41
|
+
label: Card Padding — Desktop
|
|
42
|
+
value: ""
|
|
43
|
+
section: spacing
|
|
44
|
+
- key: spacing.element-gap.mobile
|
|
45
|
+
type: number
|
|
46
|
+
label: Element Gap — Mobile
|
|
47
|
+
value: ""
|
|
48
|
+
section: spacing
|
|
49
|
+
- key: spacing.element-gap.desktop
|
|
50
|
+
type: number
|
|
51
|
+
label: Element Gap — Desktop
|
|
52
|
+
value: ""
|
|
53
|
+
section: spacing
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
# Spacing
|
|
57
|
+
|
|
58
|
+
Responsive whitespace tokens. Each gap has a mobile and desktop value — the builder picks the right one based on viewport.
|
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Typography — three canonical typefaces (hero, body, alt) anchor the system; the derived tokens (h1–h6, body-base, body-sm, caption, button, label) reference them by family ref and define the resolved type scale.
|
|
3
|
+
variables:
|
|
4
|
+
# Canonical typefaces — uploaded font files that anchor the system.
|
|
5
|
+
# Every derived token references one of these by family ref ("hero" /
|
|
6
|
+
# "body" / "alt").
|
|
7
|
+
- key: typeface.hero
|
|
8
|
+
type: font
|
|
9
|
+
label: Hero
|
|
10
|
+
value: ""
|
|
11
|
+
section: visual
|
|
12
|
+
- key: typeface.body
|
|
13
|
+
type: font
|
|
14
|
+
label: Body
|
|
15
|
+
value: ""
|
|
16
|
+
section: visual
|
|
17
|
+
- key: typeface.alt
|
|
18
|
+
type: font
|
|
19
|
+
label: Alt
|
|
20
|
+
value: ""
|
|
21
|
+
section: visual
|
|
22
|
+
|
|
23
|
+
- key: token.h1.family
|
|
24
|
+
type: select
|
|
25
|
+
label: H1 Family
|
|
26
|
+
value: hero
|
|
27
|
+
options: [hero, body, alt]
|
|
28
|
+
section: visual
|
|
29
|
+
- key: token.h1.weight
|
|
30
|
+
type: text
|
|
31
|
+
label: H1 Weight
|
|
32
|
+
value: 700
|
|
33
|
+
section: visual
|
|
34
|
+
- key: token.h1.size
|
|
35
|
+
type: text
|
|
36
|
+
label: H1 Size
|
|
37
|
+
value: 48
|
|
38
|
+
section: visual
|
|
39
|
+
- key: token.h1.lineHeight
|
|
40
|
+
type: text
|
|
41
|
+
label: H1 Line Height
|
|
42
|
+
value: 56
|
|
43
|
+
section: visual
|
|
44
|
+
- key: token.h1.letterSpacing
|
|
45
|
+
type: text
|
|
46
|
+
label: H1 Tracking
|
|
47
|
+
value: -0.5
|
|
48
|
+
section: visual
|
|
49
|
+
- key: token.h2.family
|
|
50
|
+
type: select
|
|
51
|
+
label: H2 Family
|
|
52
|
+
value: hero
|
|
53
|
+
options: [hero, body, alt]
|
|
54
|
+
section: visual
|
|
55
|
+
- key: token.h2.weight
|
|
56
|
+
type: text
|
|
57
|
+
label: H2 Weight
|
|
58
|
+
value: 700
|
|
59
|
+
section: visual
|
|
60
|
+
- key: token.h2.size
|
|
61
|
+
type: text
|
|
62
|
+
label: H2 Size
|
|
63
|
+
value: 36
|
|
64
|
+
section: visual
|
|
65
|
+
- key: token.h2.lineHeight
|
|
66
|
+
type: text
|
|
67
|
+
label: H2 Line Height
|
|
68
|
+
value: 44
|
|
69
|
+
section: visual
|
|
70
|
+
- key: token.h2.letterSpacing
|
|
71
|
+
type: text
|
|
72
|
+
label: H2 Tracking
|
|
73
|
+
value: -0.3
|
|
74
|
+
section: visual
|
|
75
|
+
- key: token.h3.family
|
|
76
|
+
type: select
|
|
77
|
+
label: H3 Family
|
|
78
|
+
value: hero
|
|
79
|
+
options: [hero, body, alt]
|
|
80
|
+
section: visual
|
|
81
|
+
- key: token.h3.weight
|
|
82
|
+
type: text
|
|
83
|
+
label: H3 Weight
|
|
84
|
+
value: 600
|
|
85
|
+
section: visual
|
|
86
|
+
- key: token.h3.size
|
|
87
|
+
type: text
|
|
88
|
+
label: H3 Size
|
|
89
|
+
value: 28
|
|
90
|
+
section: visual
|
|
91
|
+
- key: token.h3.lineHeight
|
|
92
|
+
type: text
|
|
93
|
+
label: H3 Line Height
|
|
94
|
+
value: 36
|
|
95
|
+
section: visual
|
|
96
|
+
- key: token.h3.letterSpacing
|
|
97
|
+
type: text
|
|
98
|
+
label: H3 Tracking
|
|
99
|
+
value: -0.2
|
|
100
|
+
section: visual
|
|
101
|
+
- key: token.h4.family
|
|
102
|
+
type: select
|
|
103
|
+
label: H4 Family
|
|
104
|
+
value: hero
|
|
105
|
+
options: [hero, body, alt]
|
|
106
|
+
section: visual
|
|
107
|
+
- key: token.h4.weight
|
|
108
|
+
type: text
|
|
109
|
+
label: H4 Weight
|
|
110
|
+
value: 600
|
|
111
|
+
section: visual
|
|
112
|
+
- key: token.h4.size
|
|
113
|
+
type: text
|
|
114
|
+
label: H4 Size
|
|
115
|
+
value: 24
|
|
116
|
+
section: visual
|
|
117
|
+
- key: token.h4.lineHeight
|
|
118
|
+
type: text
|
|
119
|
+
label: H4 Line Height
|
|
120
|
+
value: 32
|
|
121
|
+
section: visual
|
|
122
|
+
- key: token.h4.letterSpacing
|
|
123
|
+
type: text
|
|
124
|
+
label: H4 Tracking
|
|
125
|
+
value: -0.1
|
|
126
|
+
section: visual
|
|
127
|
+
- key: token.h5.family
|
|
128
|
+
type: select
|
|
129
|
+
label: H5 Family
|
|
130
|
+
value: body
|
|
131
|
+
options: [hero, body, alt]
|
|
132
|
+
section: visual
|
|
133
|
+
- key: token.h5.weight
|
|
134
|
+
type: text
|
|
135
|
+
label: H5 Weight
|
|
136
|
+
value: 600
|
|
137
|
+
section: visual
|
|
138
|
+
- key: token.h5.size
|
|
139
|
+
type: text
|
|
140
|
+
label: H5 Size
|
|
141
|
+
value: 20
|
|
142
|
+
section: visual
|
|
143
|
+
- key: token.h5.lineHeight
|
|
144
|
+
type: text
|
|
145
|
+
label: H5 Line Height
|
|
146
|
+
value: 28
|
|
147
|
+
section: visual
|
|
148
|
+
- key: token.h5.letterSpacing
|
|
149
|
+
type: text
|
|
150
|
+
label: H5 Tracking
|
|
151
|
+
value: 0
|
|
152
|
+
section: visual
|
|
153
|
+
- key: token.h6.family
|
|
154
|
+
type: select
|
|
155
|
+
label: H6 Family
|
|
156
|
+
value: body
|
|
157
|
+
options: [hero, body, alt]
|
|
158
|
+
section: visual
|
|
159
|
+
- key: token.h6.weight
|
|
160
|
+
type: text
|
|
161
|
+
label: H6 Weight
|
|
162
|
+
value: 600
|
|
163
|
+
section: visual
|
|
164
|
+
- key: token.h6.size
|
|
165
|
+
type: text
|
|
166
|
+
label: H6 Size
|
|
167
|
+
value: 18
|
|
168
|
+
section: visual
|
|
169
|
+
- key: token.h6.lineHeight
|
|
170
|
+
type: text
|
|
171
|
+
label: H6 Line Height
|
|
172
|
+
value: 26
|
|
173
|
+
section: visual
|
|
174
|
+
- key: token.h6.letterSpacing
|
|
175
|
+
type: text
|
|
176
|
+
label: H6 Tracking
|
|
177
|
+
value: 0
|
|
178
|
+
section: visual
|
|
179
|
+
- key: token.body-base.family
|
|
180
|
+
type: select
|
|
181
|
+
label: Body Base Family
|
|
182
|
+
value: body
|
|
183
|
+
options: [hero, body, alt]
|
|
184
|
+
section: visual
|
|
185
|
+
- key: token.body-base.weight
|
|
186
|
+
type: text
|
|
187
|
+
label: Body Base Weight
|
|
188
|
+
value: 400
|
|
189
|
+
section: visual
|
|
190
|
+
- key: token.body-base.size
|
|
191
|
+
type: text
|
|
192
|
+
label: Body Base Size
|
|
193
|
+
value: 16
|
|
194
|
+
section: visual
|
|
195
|
+
- key: token.body-base.lineHeight
|
|
196
|
+
type: text
|
|
197
|
+
label: Body Base Line Height
|
|
198
|
+
value: 24
|
|
199
|
+
section: visual
|
|
200
|
+
- key: token.body-base.letterSpacing
|
|
201
|
+
type: text
|
|
202
|
+
label: Body Base Tracking
|
|
203
|
+
value: 0
|
|
204
|
+
section: visual
|
|
205
|
+
- key: token.body-sm.family
|
|
206
|
+
type: select
|
|
207
|
+
label: Body Small Family
|
|
208
|
+
value: body
|
|
209
|
+
options: [hero, body, alt]
|
|
210
|
+
section: visual
|
|
211
|
+
- key: token.body-sm.weight
|
|
212
|
+
type: text
|
|
213
|
+
label: Body Small Weight
|
|
214
|
+
value: 400
|
|
215
|
+
section: visual
|
|
216
|
+
- key: token.body-sm.size
|
|
217
|
+
type: text
|
|
218
|
+
label: Body Small Size
|
|
219
|
+
value: 14
|
|
220
|
+
section: visual
|
|
221
|
+
- key: token.body-sm.lineHeight
|
|
222
|
+
type: text
|
|
223
|
+
label: Body Small Line Height
|
|
224
|
+
value: 20
|
|
225
|
+
section: visual
|
|
226
|
+
- key: token.body-sm.letterSpacing
|
|
227
|
+
type: text
|
|
228
|
+
label: Body Small Tracking
|
|
229
|
+
value: 0
|
|
230
|
+
section: visual
|
|
231
|
+
- key: token.caption.family
|
|
232
|
+
type: select
|
|
233
|
+
label: Caption Family
|
|
234
|
+
value: body
|
|
235
|
+
options: [hero, body, alt]
|
|
236
|
+
section: visual
|
|
237
|
+
- key: token.caption.weight
|
|
238
|
+
type: text
|
|
239
|
+
label: Caption Weight
|
|
240
|
+
value: 400
|
|
241
|
+
section: visual
|
|
242
|
+
- key: token.caption.size
|
|
243
|
+
type: text
|
|
244
|
+
label: Caption Size
|
|
245
|
+
value: 12
|
|
246
|
+
section: visual
|
|
247
|
+
- key: token.caption.lineHeight
|
|
248
|
+
type: text
|
|
249
|
+
label: Caption Line Height
|
|
250
|
+
value: 16
|
|
251
|
+
section: visual
|
|
252
|
+
- key: token.caption.letterSpacing
|
|
253
|
+
type: text
|
|
254
|
+
label: Caption Tracking
|
|
255
|
+
value: 0.2
|
|
256
|
+
section: visual
|
|
257
|
+
- key: token.button.family
|
|
258
|
+
type: select
|
|
259
|
+
label: Button Family
|
|
260
|
+
value: body
|
|
261
|
+
options: [hero, body, alt]
|
|
262
|
+
section: visual
|
|
263
|
+
- key: token.button.weight
|
|
264
|
+
type: text
|
|
265
|
+
label: Button Weight
|
|
266
|
+
value: 500
|
|
267
|
+
section: visual
|
|
268
|
+
- key: token.button.size
|
|
269
|
+
type: text
|
|
270
|
+
label: Button Size
|
|
271
|
+
value: 14
|
|
272
|
+
section: visual
|
|
273
|
+
- key: token.button.lineHeight
|
|
274
|
+
type: text
|
|
275
|
+
label: Button Line Height
|
|
276
|
+
value: 20
|
|
277
|
+
section: visual
|
|
278
|
+
- key: token.button.letterSpacing
|
|
279
|
+
type: text
|
|
280
|
+
label: Button Tracking
|
|
281
|
+
value: 0.3
|
|
282
|
+
section: visual
|
|
283
|
+
- key: token.label.family
|
|
284
|
+
type: select
|
|
285
|
+
label: Label Family
|
|
286
|
+
value: body
|
|
287
|
+
options: [hero, body, alt]
|
|
288
|
+
section: visual
|
|
289
|
+
- key: token.label.weight
|
|
290
|
+
type: text
|
|
291
|
+
label: Label Weight
|
|
292
|
+
value: 500
|
|
293
|
+
section: visual
|
|
294
|
+
- key: token.label.size
|
|
295
|
+
type: text
|
|
296
|
+
label: Label Size
|
|
297
|
+
value: 12
|
|
298
|
+
section: visual
|
|
299
|
+
- key: token.label.lineHeight
|
|
300
|
+
type: text
|
|
301
|
+
label: Label Line Height
|
|
302
|
+
value: 16
|
|
303
|
+
section: visual
|
|
304
|
+
- key: token.label.letterSpacing
|
|
305
|
+
type: text
|
|
306
|
+
label: Label Tracking
|
|
307
|
+
value: 0.4
|
|
308
|
+
section: visual
|
|
309
|
+
---
|
|
310
|
+
|
|
311
|
+
# Typography
|
|
312
|
+
|
|
313
|
+
The brand's voice in letterforms. Three canonical typefaces (hero, body, alt) anchor the system; every derived token resolves through one of them. AI generation derives the type scale from the canonical three; locked tokens stay sacred.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Brand voice, tone, and messaging
|
|
3
|
+
variables:
|
|
4
|
+
- key: tagline
|
|
5
|
+
type: text
|
|
6
|
+
label: Tagline
|
|
7
|
+
value: ""
|
|
8
|
+
section: voice
|
|
9
|
+
- key: tone
|
|
10
|
+
type: text
|
|
11
|
+
label: Tone of Voice
|
|
12
|
+
value: ""
|
|
13
|
+
section: voice
|
|
14
|
+
- key: audience
|
|
15
|
+
type: text
|
|
16
|
+
label: Target Audience
|
|
17
|
+
value: ""
|
|
18
|
+
section: voice
|
|
19
|
+
- key: messaging.pillars
|
|
20
|
+
type: text
|
|
21
|
+
label: Messaging Pillars
|
|
22
|
+
value: ""
|
|
23
|
+
section: voice
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
# Voice
|
|
27
|
+
|
|
28
|
+
[1–2 sentence description of the brand's voice and what it sounds like in practice.]
|