artanis/Bricks-Sections
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add design system, audit sections, apply global classes

Browse Source 
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:
Spencer
2026-02-27 15:42:54 -06:00
parent bb7e1483ae
commit dbbcfa27dd
16 changed files with 621 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
sections/content-image-left.json
View File

@@ -1,96 +0,0 @@
{
"title": "BCW — Content Image Left",
"type": "section",
"templateType": "section",
"content": [
{
"id": "con001",
"name": "container",
"parent": 0,
"children": ["imgcol", "con002"],
"settings": {
"_direction": "row",
"_alignItems": "center",
"_justifyContent": "space-between",
"_gap": "48px",
"_margin": {
"top": "15",
"bottom": "15"
}
},
"label": "Content Image Left"
},
{
"id": "imgcol",
"name": "container",
"parent": "con001",
"children": ["img001"],
"settings": {
"_direction": "row",
"_alignItems": "center",
"_justifyContent": "center",
"_gap": "24px",
"_width": "50%"
},
"label": "Image Column"
},
{
"id": "img001",
"name": "image",
"parent": "imgcol",
"children": [],
"settings": {
"_width": "100%",
"image": {
"url": "https://picsum.photos/600",
"external": true,
"filename": "600"
}
},
"label": "Section Image"
},
{
"id": "con002",
"name": "container",
"parent": "con001",
"children": ["hdg001", "txt001", "btn001"],
"settings": {
"_direction": "column",
"_alignItems": "flex-start",
"_gap": "24px",
"_width": "50%",
"_rowGap": "15"
},
"label": "Text Column"
},
{
"id": "hdg001",
"name": "heading",
"parent": "con002",
"children": [],
"settings": {
"tag": "h2",
"text": "Section Heading Goes Here"
}
},
{
"id": "txt001",
"name": "text-basic",
"parent": "con002",
"children": [],
"settings": {
"text": "Use this area to describe your product, service, or concept in detail. Two to four sentences works well here. Focus on benefits and outcomes for your reader."
}
},
{
"id": "btn001",
"name": "button",
"parent": "con002",
"children": [],
"settings": {
"text": "Learn More",
"style": "primary"
}
}
]
}

27
sections/features-3col.json
View File

@@ -2,6 +2,20 @@
"title": "BCW — Features 3 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",
@@ -58,8 +72,8 @@
"_direction": "row",
"_alignItems": "flex-start",
"_justifyContent": "center",
"_gap": "32px"
"_gap": "32px",
"_rowGap:mobile_portrait": "15px"
},
"label": "Features Row"
},
@@ -71,7 +85,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature One"
},
@@ -109,7 +124,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Two"
},
@@ -147,7 +163,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Three"
},

30
sections/features-4col.json
View File

@@ -2,6 +2,20 @@
"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",
@@ -58,8 +72,8 @@
"_direction": "row",
"_alignItems": "flex-start",
"_justifyContent": "center",
"_gap": "32px"
"_gap": "24px",
"_rowGap:mobile_portrait": "15px"
},
"label": "Features Row"
},
@@ -71,7 +85,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature One"
},
@@ -109,7 +124,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Two"
},
@@ -147,7 +163,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Three"
},
@@ -185,7 +202,8 @@
"settings": {
"_direction": "column",
"_alignItems": "center",
"_gap": "12px"
"_gap": "15px",
"_cssGlobalClasses": ["features-container"]
},
"label": "Feature Four"
},

6
sections/testimonials.json
View File

@@ -71,7 +71,7 @@
"settings": {
"_direction": "column",
"_alignItems": "flex-start",
"_gap": "12px"
"_gap": "15px"
},
"label": "Testimonial One"
},
@@ -111,7 +111,7 @@
"settings": {
"_direction": "column",
"_alignItems": "flex-start",
"_gap": "12px"
"_gap": "15px"
},
"label": "Testimonial Two"
},
@@ -151,7 +151,7 @@
"settings": {
"_direction": "column",
"_alignItems": "flex-start",
"_gap": "12px"
"_gap": "15px"
},
"label": "Testimonial Three"
},