Spencer
f57034e40d
Sections: - Add announcement-bar, cards, features-3col-cards, hero-card-homepage, hero-card-page, hero-slider - Rename content-image-right → content-image (image-left layout, better mobile stacking) Design system: - Add cards-grid global class (flex-wrap for fluid wrapping card grids) - Update feature-card with responsive _widthMax constraints (33%/50%/95%) - Document Bricks Style Manager spacing setup in design.md Headers: - Fix header-with-cta mobile hamburger positioning — wrap nav+button in block element with row-reverse on mobile Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
211 lines
3.8 KiB
JSON
211 lines
3.8 KiB
JSON
{
|
|
"categories": [
|
|
{
|
|
"id": "bcwcol",
|
|
"name": "Colors"
|
|
},
|
|
{
|
|
"id": "bcwspc",
|
|
"name": "Spacing"
|
|
},
|
|
{
|
|
"id": "bcwtyp",
|
|
"name": "Typography"
|
|
}
|
|
],
|
|
"variables": [
|
|
{
|
|
"id": "bcwv01",
|
|
"name": "color-primary",
|
|
"value": "#374151",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv02",
|
|
"name": "color-primary-light",
|
|
"value": "#9CA3AF",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv03",
|
|
"name": "color-primary-dark",
|
|
"value": "#1F2937",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv04",
|
|
"name": "color-secondary",
|
|
"value": "#6B7280",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv05",
|
|
"name": "color-secondary-light",
|
|
"value": "#D1D5DB",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv06",
|
|
"name": "color-secondary-dark",
|
|
"value": "#4B5563",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv07",
|
|
"name": "color-tertiary",
|
|
"value": "#F3F4F6",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv08",
|
|
"name": "color-tertiary-light",
|
|
"value": "#FFFFFF",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv09",
|
|
"name": "color-tertiary-dark",
|
|
"value": "#E5E7EB",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv10",
|
|
"name": "color-text",
|
|
"value": "#374151",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv11",
|
|
"name": "color-heading",
|
|
"value": "#111827",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv12",
|
|
"name": "color-bg",
|
|
"value": "#FFFFFF",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv13",
|
|
"name": "color-bg-alt",
|
|
"value": "#F9FAFB",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv14",
|
|
"name": "color-white",
|
|
"value": "#FFFFFF",
|
|
"category": "bcwcol"
|
|
},
|
|
{
|
|
"id": "bcwv15",
|
|
"name": "space-xs",
|
|
"value": "8px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv16",
|
|
"name": "space-sm",
|
|
"value": "16px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv17",
|
|
"name": "space-md",
|
|
"value": "24px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv18",
|
|
"name": "space-lg",
|
|
"value": "40px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv19",
|
|
"name": "space-xl",
|
|
"value": "64px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv20",
|
|
"name": "space-2xl",
|
|
"value": "96px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv31",
|
|
"name": "row-gap",
|
|
"value": "15px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv32",
|
|
"name": "col-gap",
|
|
"value": "15px",
|
|
"category": "bcwspc"
|
|
},
|
|
{
|
|
"id": "bcwv21",
|
|
"name": "h1",
|
|
"value": "64px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv22",
|
|
"name": "h2",
|
|
"value": "48px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv23",
|
|
"name": "h3",
|
|
"value": "36px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv24",
|
|
"name": "h4",
|
|
"value": "28px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv25",
|
|
"name": "h5",
|
|
"value": "22px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv26",
|
|
"name": "h6",
|
|
"value": "18px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv27",
|
|
"name": "text-sm",
|
|
"value": "14px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv28",
|
|
"name": "text-base",
|
|
"value": "16px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv29",
|
|
"name": "text-lg",
|
|
"value": "18px",
|
|
"category": "bcwtyp"
|
|
},
|
|
{
|
|
"id": "bcwv30",
|
|
"name": "text-xl",
|
|
"value": "20px",
|
|
"category": "bcwtyp"
|
|
}
|
|
]
|
|
}
|