| 1 |
{ |
| 2 |
"$schema": "https://schemas.wp.org/trunk/block.json", |
| 3 |
"apiVersion": 3, |
| 4 |
"name": "blockenberg/font-scale", |
| 5 |
"version": "1.0.0", |
| 6 |
"title": "Font Scale", |
| 7 |
"category": "bkbg-dev", |
| 8 |
"icon": "editor-textcolor", |
| 9 |
"description": "Type specimen / typography scale block showing font sizes from xs to 9xl. Displays sample text at each step with optional metadata (size, weight, line-height). Perfect for design systems and style guides.", |
| 10 |
"keywords": [ |
| 11 |
"font", |
| 12 |
"typography", |
| 13 |
"scale", |
| 14 |
"type", |
| 15 |
"specimen", |
| 16 |
"design system", |
| 17 |
"sizes" |
| 18 |
], |
| 19 |
"textdomain": "blockenberg", |
| 20 |
"editorScript": "bkbg-font-scale-editor", |
| 21 |
"style": "bkbg-font-scale-style", |
| 22 |
"supports": { |
| 23 |
"html": false, |
| 24 |
"align": [ |
| 25 |
"wide", |
| 26 |
"full" |
| 27 |
] |
| 28 |
}, |
| 29 |
"attributes": { |
| 30 |
"title": { |
| 31 |
"type": "string", |
| 32 |
"default": "Type Scale" |
| 33 |
}, |
| 34 |
"showTitle": { |
| 35 |
"type": "boolean", |
| 36 |
"default": true |
| 37 |
}, |
| 38 |
"subtitle": { |
| 39 |
"type": "string", |
| 40 |
"default": "A consistent typographic system for clear, readable content" |
| 41 |
}, |
| 42 |
"showSubtitle": { |
| 43 |
"type": "boolean", |
| 44 |
"default": true |
| 45 |
}, |
| 46 |
"fontFamily": { |
| 47 |
"type": "string", |
| 48 |
"default": "inherit" |
| 49 |
}, |
| 50 |
"showMeta": { |
| 51 |
"type": "boolean", |
| 52 |
"default": true |
| 53 |
}, |
| 54 |
"showDividers": { |
| 55 |
"type": "boolean", |
| 56 |
"default": true |
| 57 |
}, |
| 58 |
"metaPosition": { |
| 59 |
"type": "string", |
| 60 |
"default": "right" |
| 61 |
}, |
| 62 |
"steps": { |
| 63 |
"type": "array", |
| 64 |
"default": [ |
| 65 |
{ |
| 66 |
"name": "9xl", |
| 67 |
"size": 96, |
| 68 |
"weight": 800, |
| 69 |
"lineHeight": 1.0, |
| 70 |
"text": "The quick brown" |
| 71 |
}, |
| 72 |
{ |
| 73 |
"name": "6xl", |
| 74 |
"size": 60, |
| 75 |
"weight": 700, |
| 76 |
"lineHeight": 1.05, |
| 77 |
"text": "The quick brown fox" |
| 78 |
}, |
| 79 |
{ |
| 80 |
"name": "4xl", |
| 81 |
"size": 36, |
| 82 |
"weight": 700, |
| 83 |
"lineHeight": 1.1, |
| 84 |
"text": "The quick brown fox jumps" |
| 85 |
}, |
| 86 |
{ |
| 87 |
"name": "2xl", |
| 88 |
"size": 24, |
| 89 |
"weight": 600, |
| 90 |
"lineHeight": 1.25, |
| 91 |
"text": "The quick brown fox jumps over the lazy dog" |
| 92 |
}, |
| 93 |
{ |
| 94 |
"name": "xl", |
| 95 |
"size": 20, |
| 96 |
"weight": 600, |
| 97 |
"lineHeight": 1.35, |
| 98 |
"text": "The quick brown fox jumps over the lazy dog. Sphinx of black quartz." |
| 99 |
}, |
| 100 |
{ |
| 101 |
"name": "lg", |
| 102 |
"size": 18, |
| 103 |
"weight": 400, |
| 104 |
"lineHeight": 1.5, |
| 105 |
"text": "The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow." |
| 106 |
}, |
| 107 |
{ |
| 108 |
"name": "base", |
| 109 |
"size": 16, |
| 110 |
"weight": 400, |
| 111 |
"lineHeight": 1.6, |
| 112 |
"text": "The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs." |
| 113 |
}, |
| 114 |
{ |
| 115 |
"name": "sm", |
| 116 |
"size": 14, |
| 117 |
"weight": 400, |
| 118 |
"lineHeight": 1.6, |
| 119 |
"text": "The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. How quickly daft jumping zebras vex." |
| 120 |
}, |
| 121 |
{ |
| 122 |
"name": "xs", |
| 123 |
"size": 12, |
| 124 |
"weight": 400, |
| 125 |
"lineHeight": 1.6, |
| 126 |
"text": "The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. How quickly daft jumping zebras vex. The five boxing wizards jump quickly." |
| 127 |
} |
| 128 |
] |
| 129 |
}, |
| 130 |
"bgColor": { |
| 131 |
"type": "string", |
| 132 |
"default": "#ffffff" |
| 133 |
}, |
| 134 |
"titleColor": { |
| 135 |
"type": "string", |
| 136 |
"default": "#0f172a" |
| 137 |
}, |
| 138 |
"subtitleColor": { |
| 139 |
"type": "string", |
| 140 |
"default": "#64748b" |
| 141 |
}, |
| 142 |
"textColor": { |
| 143 |
"type": "string", |
| 144 |
"default": "#0f172a" |
| 145 |
}, |
| 146 |
"metaColor": { |
| 147 |
"type": "string", |
| 148 |
"default": "#94a3b8" |
| 149 |
}, |
| 150 |
"nameBg": { |
| 151 |
"type": "string", |
| 152 |
"default": "#f1f5f9" |
| 153 |
}, |
| 154 |
"nameColor": { |
| 155 |
"type": "string", |
| 156 |
"default": "#475569" |
| 157 |
}, |
| 158 |
"dividerColor": { |
| 159 |
"type": "string", |
| 160 |
"default": "#f1f5f9" |
| 161 |
}, |
| 162 |
"borderRadius": { |
| 163 |
"type": "integer", |
| 164 |
"default": 16 |
| 165 |
}, |
| 166 |
"paddingTop": { |
| 167 |
"type": "integer", |
| 168 |
"default": 48 |
| 169 |
}, |
| 170 |
"paddingBottom": { |
| 171 |
"type": "integer", |
| 172 |
"default": 48 |
| 173 |
}, |
| 174 |
"titleSize": { |
| 175 |
"type": "integer", |
| 176 |
"default": 24 |
| 177 |
}, |
| 178 |
"subtitleSize": { |
| 179 |
"type": "integer", |
| 180 |
"default": 15 |
| 181 |
}, |
| 182 |
"typoTitle": { |
| 183 |
"type": "object", |
| 184 |
"default": {} |
| 185 |
}, |
| 186 |
"typoSubtitle": { |
| 187 |
"type": "object", |
| 188 |
"default": {} |
| 189 |
} |
| 190 |
} |
| 191 |
} |
| 192 |
|
