Files
Bricks-Sections/sections/features-4col.json
Spencer dbbcfa27dd 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>
2026-02-27 15:42:54 -06:00

238 lines
5.2 KiB
JSON

{
"title": "BCW — Features 4 Column",
"type": "section",
"templateType": "section",
"global_classes": [
{
"id": "features-container",
"name": "features-container",
"settings": {
"_typography": {
"text-align": "center"
},
"_rowGap": "10px"
},
"modified": 1772146285,
"user_id": 2
}
],
"content": [
{
"id": "sec001",
"name": "container",
"parent": 0,
"children": ["con001", "con002"],
"settings": {
"_direction": "column",
"_gap": "40px",
"_margin": {
"top": "15",
"bottom": "15"
}
},
"label": "Features 4 Column"
},
{
"id": "con001",
"name": "container",
"parent": "sec001",
"children": ["hdg001", "txt001"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "16px"
},
"label": "Section Header"
},
{
"id": "hdg001",
"name": "heading",
"parent": "con001",
"children": [],
"settings": {
"tag": "h2",
"text": "Everything You Need"
}
},
{
"id": "txt001",
"name": "text-basic",
"parent": "con001",
"children": [],
"settings": {
"text": "A brief supporting statement that introduces this section to your visitors."
}
},
{
"id": "con002",
"name": "container",
"parent": "sec001",
"children": ["con003", "con004", "con005", "con006"],
"settings": {
"_direction": "row",
"_alignItems": "flex-start",
"_justifyContent": "center",
"_gap": "24px",
"_rowGap:mobile_portrait": "15px"
},
"label": "Features Row"
},
{
"id": "con003",
"name": "container",
"parent": "con002",
"children": ["ico001", "hdg002", "txt002"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature One"
},
{
"id": "ico001",
"name": "icon",
"parent": "con003",
"children": [],
"settings": []
},
{
"id": "hdg002",
"name": "heading",
"parent": "con003",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature One"
}
},
{
"id": "txt002",
"name": "text-basic",
"parent": "con003",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con004",
"name": "container",
"parent": "con002",
"children": ["ico002", "hdg003", "txt003"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Two"
},
{
"id": "ico002",
"name": "icon",
"parent": "con004",
"children": [],
"settings": []
},
{
"id": "hdg003",
"name": "heading",
"parent": "con004",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Two"
}
},
{
"id": "txt003",
"name": "text-basic",
"parent": "con004",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con005",
"name": "container",
"parent": "con002",
"children": ["ico003", "hdg004", "txt004"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Three"
},
{
"id": "ico003",
"name": "icon",
"parent": "con005",
"children": [],
"settings": []
},
{
"id": "hdg004",
"name": "heading",
"parent": "con005",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Three"
}
},
{
"id": "txt004",
"name": "text-basic",
"parent": "con005",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
},
{
"id": "con006",
"name": "container",
"parent": "con002",
"children": ["ico004", "hdg005", "txt005"],
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Four"
},
{
"id": "ico004",
"name": "icon",
"parent": "con006",
"children": [],
"settings": []
},
{
"id": "hdg005",
"name": "heading",
"parent": "con006",
"children": [],
"settings": {
"tag": "h3",
"text": "Feature Four"
}
},
{
"id": "txt005",
"name": "text-basic",
"parent": "con006",
"children": [],
"settings": {
"text": "Describe this feature or benefit in one to three short sentences."
}
}
]
}