Add design system, audit sections, apply global classes

Design system (design/):
- bcw-css-variables.json: color, spacing (--space-xs→2xl), typography (--h1→h6, --text-sm→xl)
- bcw-color-palette.json: named swatches referencing CSS variables
- bcw-global-classes.json: section-container, section-header, col-3, col-4, features-container, footer-sub-section
- design.md: full variable reference and usage guide

Templates:
- features-3col + features-4col: add global_classes embed + _cssGlobalClasses references
- All headers + footers: apply var(--color-primary) background to section elements
- footer-columns: add footer-sub-section class to column containers
- Remove content-image-left (duplicate of content-image-right with children reversed)
- testimonials: gap tweak 12px → 15px on card containers

Repo hygiene:
- Add .gitignore (Updated_Sections/)
- Clear Updated_Sections staging folder

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-27 15:42:54 -06:00
parent bb7e1483ae
commit dbbcfa27dd
16 changed files with 621 additions and 142 deletions

View File

@@ -0,0 +1,198 @@
{
"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": "bcwv21",
"name": "h1",
"value": "3rem",
"category": "bcwtyp"
},
{
"id": "bcwv22",
"name": "h2",
"value": "2.25rem",
"category": "bcwtyp"
},
{
"id": "bcwv23",
"name": "h3",
"value": "1.75rem",
"category": "bcwtyp"
},
{
"id": "bcwv24",
"name": "h4",
"value": "1.25rem",
"category": "bcwtyp"
},
{
"id": "bcwv25",
"name": "h5",
"value": "1.125rem",
"category": "bcwtyp"
},
{
"id": "bcwv26",
"name": "h6",
"value": "1rem",
"category": "bcwtyp"
},
{
"id": "bcwv27",
"name": "text-sm",
"value": "0.875rem",
"category": "bcwtyp"
},
{
"id": "bcwv28",
"name": "text-base",
"value": "1rem",
"category": "bcwtyp"
},
{
"id": "bcwv29",
"name": "text-lg",
"value": "1.125rem",
"category": "bcwtyp"
},
{
"id": "bcwv30",
"name": "text-xl",
"value": "1.25rem",
"category": "bcwtyp"
}
]
}