feat(child-theme): scaffold asterion-bricks v0.1.0
Initial child theme structure inheriting from Bricks parent. Token-driven, RGPD-native, mobile-first foundation ready for component and template work. What's in this commit - style.css: WP theme metadata (Template: bricks, v0.1.0) - functions.php: enqueue cascade tokens -> utilities -> components, defer-loaded main.js, font preload, theme support, image sizes (av-hero 2400x1350, av-card 800x600, av-thumb 400x300), Gutenberg default styles dequeued - theme.json: Gutenberg color/typo palette mirroring tokens - assets/css/tokens.css: full design system per Design Handoff section 2 (brand colors, neutrals, semantics, type scale + line-heights, 8pt spacing, radii, shadows, z-index, motion, prefers-reduced-motion) - assets/css/utilities.css: modern reset + .av-container, .av-skip-link, .av-sr-only, .av-stack, .av-section helpers, opinionated heading scale - assets/css/components.css: index of planned components + buttons (5 variants x 4 sizes per Design Handoff section 3.1) and links - assets/js/main.js: vanilla skeleton with header scroll, IntersectionObserver reveal, count-up, mobile drawer; respects prefers-reduced-motion - inc/cpt.php: register_post_type case_study (slug /customers/) + scenario (slug /scenarios/) + shared 'industry' taxonomy - inc/seo.php: Organization JSON-LD on home; placeholders for Product, Article, FAQPage, BreadcrumbList - assets/fonts/: Inter Variable + Italic WOFF2 self-hosted (RGPD; no Google Fonts CDN). Inter Display @font-face commented — Inter 4+ uses opsz axis from the same file. Out of scope (intentionally deferred) - Component fills: cards, forms, navigation, alerts, modals, tabs (placeholders) - Page templates: home and beyond - Bricks JSON template exports - Schema.org Product / Article / FAQPage / BreadcrumbList implementations Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
79
wp-content/themes/asterion-bricks/theme.json
Normal file
79
wp-content/themes/asterion-bricks/theme.json
Normal file
@@ -0,0 +1,79 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/theme.json",
|
||||
"version": 2,
|
||||
"settings": {
|
||||
"appearanceTools": true,
|
||||
"color": {
|
||||
"palette": [
|
||||
{ "slug": "brand-navy", "color": "#0B1F3A", "name": "Brand Navy" },
|
||||
{ "slug": "brand-navy-deep", "color": "#081427", "name": "Brand Navy Deep" },
|
||||
{ "slug": "brand-gold", "color": "#C9A45A", "name": "Brand Gold" },
|
||||
{ "slug": "brand-gold-soft", "color": "#E0C892", "name": "Brand Gold Soft" },
|
||||
{ "slug": "alert-red", "color": "#C8102E", "name": "Alert Red" },
|
||||
{ "slug": "text-primary", "color": "#0B1F3A", "name": "Text Primary" },
|
||||
{ "slug": "text-secondary", "color": "#3E4C5E", "name": "Text Secondary" },
|
||||
{ "slug": "text-muted", "color": "#6B7785", "name": "Text Muted" },
|
||||
{ "slug": "text-on-dark", "color": "#FFFFFF", "name": "Text on Dark" },
|
||||
{ "slug": "bg-default", "color": "#FFFFFF", "name": "Background Default" },
|
||||
{ "slug": "bg-subtle", "color": "#F5F7FA", "name": "Background Subtle" },
|
||||
{ "slug": "bg-dark", "color": "#0B1F3A", "name": "Background Dark" },
|
||||
{ "slug": "bg-dark-elevated", "color": "#13294B", "name": "Background Dark Elevated" }
|
||||
],
|
||||
"custom": false,
|
||||
"customGradient": false,
|
||||
"defaultGradients": false,
|
||||
"defaultPalette": false
|
||||
},
|
||||
"typography": {
|
||||
"fontFamilies": [
|
||||
{
|
||||
"slug": "display",
|
||||
"name": "Inter Display",
|
||||
"fontFamily": "\"Inter Display\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif"
|
||||
},
|
||||
{
|
||||
"slug": "body",
|
||||
"name": "Inter",
|
||||
"fontFamily": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif"
|
||||
}
|
||||
],
|
||||
"fontSizes": [
|
||||
{ "slug": "overline", "size": "0.75rem", "name": "Overline" },
|
||||
{ "slug": "body-sm", "size": "0.875rem", "name": "Body small" },
|
||||
{ "slug": "body-md", "size": "1rem", "name": "Body medium" },
|
||||
{ "slug": "body-lg", "size": "1.25rem", "name": "Body large" },
|
||||
{ "slug": "h4", "size": "1.125rem", "name": "Heading 4" },
|
||||
{ "slug": "h3", "size": "1.375rem", "name": "Heading 3" },
|
||||
{ "slug": "h2", "size": "1.75rem", "name": "Heading 2" },
|
||||
{ "slug": "h1", "size": "2.25rem", "name": "Heading 1" },
|
||||
{ "slug": "display-md", "size": "2.75rem", "name": "Display medium" },
|
||||
{ "slug": "display-lg", "size": "3.5rem", "name": "Display large" },
|
||||
{ "slug": "display-xl", "size": "4.5rem", "name": "Display XL" }
|
||||
],
|
||||
"customFontSize": false,
|
||||
"fontStyle": true,
|
||||
"fontWeight": true,
|
||||
"lineHeight": true,
|
||||
"letterSpacing": true,
|
||||
"textTransform": true
|
||||
},
|
||||
"spacing": {
|
||||
"units": ["px", "rem", "%", "vh", "vw"]
|
||||
},
|
||||
"layout": {
|
||||
"contentSize": "1280px",
|
||||
"wideSize": "1280px"
|
||||
}
|
||||
},
|
||||
"styles": {
|
||||
"color": {
|
||||
"background": "var:preset|color|bg-default",
|
||||
"text": "var:preset|color|text-primary"
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "var:preset|font-family|body",
|
||||
"fontSize": "var:preset|font-size|body-md",
|
||||
"lineHeight": "1.6"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user