blockenberg / blocks / brand-kit / block.json

block.json in Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor 2.0.7, at blocks/brand-kit/block.json

281 lines 8.2 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "blockenberg/brand-kit",
5	"title": "Brand Kit",
6	"category": "bkbg-business",
7	"icon": "art",
8	"description": "Brand style guide: colour swatches, typography specimens, logo variants, and brand values — all in one block.",
9	"keywords": [
10	"brand",
11	"design",
12	"style guide",
13	"colors",
14	"typography",
15	"logo",
16	"identity"
17	],
18	"textdomain": "blockenberg",
19	"editorScript": "bkbg-brand-kit-editor",
20	"style": "bkbg-brand-kit-style",
21	"viewScript": "bkbg-brand-kit-frontend",
22	"supports": {
23	"html": false,
24	"align": [
25	"wide",
26	"full"
27	]
28	},
29	"attributes": {
30	"sectionTitle": {
31	"type": "string",
32	"default": "Brand Identity"
33	},
34	"showTitle": {
35	"type": "boolean",
36	"default": true
37	},
38	"showColors": {
39	"type": "boolean",
40	"default": true
41	},
42	"colorsTitle": {
43	"type": "string",
44	"default": "Colour Palette"
45	},
46	"colors": {
47	"type": "array",
48	"default": [
49	{
50	"name": "Indigo",
51	"value": "#6366f1",
52	"isLight": false
53	},
54	{
55	"name": "Violet",
56	"value": "#8b5cf6",
57	"isLight": false
58	},
59	{
60	"name": "Sky",
61	"value": "#0ea5e9",
62	"isLight": false
63	},
64	{
65	"name": "Emerald",
66	"value": "#10b981",
67	"isLight": false
68	},
69	{
70	"name": "Slate 900",
71	"value": "#0f172a",
72	"isLight": false
73	},
74	{
75	"name": "Slate 50",
76	"value": "#f8fafc",
77	"isLight": true
78	},
79	{
80	"name": "White",
81	"value": "#ffffff",
82	"isLight": true
83	}
84	]
85	},
86	"showCopyHint": {
87	"type": "boolean",
88	"default": true
89	},
90	"swatchRadius": {
91	"type": "number",
92	"default": 10
93	},
94	"swatchHeight": {
95	"type": "number",
96	"default": 90
97	},
98	"showColorName": {
99	"type": "boolean",
100	"default": true
101	},
102	"showColorHex": {
103	"type": "boolean",
104	"default": true
105	},
106	"showTypography": {
107	"type": "boolean",
108	"default": true
109	},
110	"typographyTitle": {
111	"type": "string",
112	"default": "Typography"
113	},
114	"fonts": {
115	"type": "array",
116	"default": [
117	{
118	"name": "Heading Font",
119	"familyName": "Inter",
120	"cssFamily": "'Inter', sans-serif",
121	"headingText": "The quick brown fox",
122	"bodyText": "We craft meaningful digital products that people love to use. Our work is guided by clarity, creativity, and craftsmanship.",
123	"weights": "400, 600, 700, 800",
124	"sourceUrl": "https://fonts.google.com/specimen/Inter"
125	},
126	{
127	"name": "Body Font",
128	"familyName": "DM Sans",
129	"cssFamily": "'DM Sans', sans-serif",
130	"headingText": "Always be shipping",
131	"bodyText": "Good design is not about decoration — it's about communication. Every pixel should serve a purpose.",
132	"weights": "400, 500, 600",
133	"sourceUrl": "https://fonts.google.com/specimen/DM+Sans"
134	}
135	]
136	},
137	"showLogos": {
138	"type": "boolean",
139	"default": true
140	},
141	"logosTitle": {
142	"type": "string",
143	"default": "Logo Usage"
144	},
145	"logos": {
146	"type": "array",
147	"default": [
148	{
149	"label": "Primary (Light bg)",
150	"imageUrl": "",
151	"imageId": 0,
152	"imageAlt": "Logo",
153	"bgStyle": "light",
154	"description": "Use on white or light backgrounds."
155	},
156	{
157	"label": "Reversed (Dark bg)",
158	"imageUrl": "",
159	"imageId": 0,
160	"imageAlt": "Logo",
161	"bgStyle": "dark",
162	"description": "Use on dark or coloured backgrounds."
163	},
164	{
165	"label": "Icon / Favicon",
166	"imageUrl": "",
167	"imageId": 0,
168	"imageAlt": "Icon",
169	"bgStyle": "transparent",
170	"description": "Minimum size: 24 × 24 px."
171	}
172	]
173	},
174	"showValues": {
175	"type": "boolean",
176	"default": true
177	},
178	"valuesTitle": {
179	"type": "string",
180	"default": "Brand Values"
181	},
182	"values": {
183	"type": "array",
184	"default": [
185	{
186	"icon": "🎯",
187	"iconType": "custom-char",
188	"iconDashicon": "",
189	"iconImageUrl": "",
190	"title": "Purpose-driven",
191	"description": "Every decision serves a clear goal."
192	},
193	{
194	"icon": "✨",
195	"iconType": "custom-char",
196	"iconDashicon": "",
197	"iconImageUrl": "",
198	"title": "Craftsmanship",
199	"description": "We obsess over quality in every detail."
200	},
201	{
202	"icon": "🤝",
203	"iconType": "custom-char",
204	"iconDashicon": "",
205	"iconImageUrl": "",
206	"title": "Transparency",
207	"description": "We communicate openly and honestly."
208	},
209	{
210	"icon": "🚀",
211	"iconType": "custom-char",
212	"iconDashicon": "",
213	"iconImageUrl": "",
214	"title": "Momentum",
215	"description": "We ship fast and iterate faster."
216	}
217	]
218	},
219	"maxWidth": {
220	"type": "number",
221	"default": 1000
222	},
223	"containerPadding": {
224	"type": "number",
225	"default": 48
226	},
227	"sectionGap": {
228	"type": "number",
229	"default": 56
230	},
231	"cardRadius": {
232	"type": "number",
233	"default": 12
234	},
235	"cardPadding": {
236	"type": "number",
237	"default": 28
238	},
239	"containerBg": {
240	"type": "string",
241	"default": ""
242	},
243	"cardBg": {
244	"type": "string",
245	"default": "#ffffff"
246	},
247	"cardBorder": {
248	"type": "string",
249	"default": "#e5e7eb"
250	},
251	"headingColor": {
252	"type": "string",
253	"default": "#111827"
254	},
255	"textColor": {
256	"type": "string",
257	"default": "#374151"
258	},
259	"sectionLabelColor": {
260	"type": "string",
261	"default": "#6366f1"
262	},
263	"sectionLabelBg": {
264	"type": "string",
265	"default": "#ede9fe"
266	},
267	"valueIconBg": {
268	"type": "string",
269	"default": "#f5f3ff"
270	},
271	"typoTitle": {
272	"type": "object",
273	"default": {}
274	},
275	"typoBody": {
276	"type": "object",
277	"default": {}
278	}
279	}
280	}
281