@goldencomm/create-baseline 0.0.1 → 0.1.0

package/templates/shopify/config/settings_schema.json

@@ -0,0 +1,365 @@
+[
+  {
+    "name": "theme_info",
+    "theme_name": "GC Baseline",
+    "theme_version": "0.1.0",
+    "theme_author": "GoldenComm",
+    "theme_documentation_url": "https://help.shopify.com/manual/online-store/themes",
+    "theme_support_url": "https://support.shopify.com/"
+  },
+  {
+    "name": "t:general.typography",
+    "settings": [
+      {
+        "type": "header",
+        "content": "t:general.fonts"
+      },
+      {
+        "type": "font_picker",
+        "id": "type_primary_font",
+        "default": "work_sans_n4",
+        "label": "t:general.primary"
+      }
+    ]
+  },
+  {
+    "name": "t:general.layout",
+    "settings": [
+      {
+        "type": "select",
+        "id": "max_page_width",
+        "label": "t:labels.page_width",
+        "options": [
+          {
+            "value": "90rem",
+            "label": "t:options.page_width.narrow"
+          },
+          {
+            "value": "110rem",
+            "label": "t:options.page_width.wide"
+          }
+        ],
+        "default": "90rem"
+      },
+      {
+        "type": "range",
+        "id": "min_page_margin",
+        "min": 10,
+        "max": 100,
+        "step": 1,
+        "unit": "px",
+        "label": "t:labels.page_margin",
+        "default": 20
+      }
+    ]
+  },
+  {
+    "name": "t:general.colors",
+    "settings": [
+      {
+        "type": "color",
+        "id": "background_color",
+        "default": "#FFFFFF",
+        "label": "t:labels.background"
+      },
+      {
+        "type": "color",
+        "id": "foreground_color",
+        "default": "#333333",
+        "label": "t:labels.foreground"
+      },
+      {
+        "type": "range",
+        "id": "input_corner_radius",
+        "min": 0,
+        "max": 10,
+        "step": 1,
+        "unit": "px",
+        "label": "t:labels.input_corner_radius",
+        "default": 4
+      }
+    ]
+  },
+  {
+    "name": "GC Baseline",
+    "settings": [
+      {
+        "type": "header",
+        "content": "Color schemes"
+      },
+      {
+        "type": "paragraph",
+        "content": "Generated from the GC Baseline design tokens (Figma). Roles follow shadcn; scheme-1 is the page default."
+      },
+      {
+        "type": "color_scheme",
+        "id": "default_color_scheme",
+        "label": "Default color scheme",
+        "default": "scheme-1"
+      },
+      {
+        "type": "color_scheme_group",
+        "id": "color_schemes",
+        "definition": [
+          {
+            "type": "color",
+            "id": "background",
+            "label": "Background",
+            "default": "#ffffff"
+          },
+          {
+            "type": "color",
+            "id": "foreground",
+            "label": "Foreground",
+            "default": "#0a0a0a"
+          },
+          {
+            "type": "color",
+            "id": "card",
+            "label": "Card",
+            "default": "#ffffff"
+          },
+          {
+            "type": "color",
+            "id": "card_foreground",
+            "label": "Card Foreground",
+            "default": "#0a0a0a"
+          },
+          {
+            "type": "color",
+            "id": "popover",
+            "label": "Popover",
+            "default": "#ffffff"
+          },
+          {
+            "type": "color",
+            "id": "popover_foreground",
+            "label": "Popover Foreground",
+            "default": "#0a0a0a"
+          },
+          {
+            "type": "color",
+            "id": "primary",
+            "label": "Primary",
+            "default": "#4f39f6"
+          },
+          {
+            "type": "color",
+            "id": "primary_foreground",
+            "label": "Primary Foreground",
+            "default": "#ffffff"
+          },
+          {
+            "type": "color",
+            "id": "secondary",
+            "label": "Secondary",
+            "default": "#f5f5f5"
+          },
+          {
+            "type": "color",
+            "id": "secondary_foreground",
+            "label": "Secondary Foreground",
+            "default": "#171717"
+          },
+          {
+            "type": "color",
+            "id": "muted",
+            "label": "Muted",
+            "default": "#f5f5f5"
+          },
+          {
+            "type": "color",
+            "id": "muted_foreground",
+            "label": "Muted Foreground",
+            "default": "#737373"
+          },
+          {
+            "type": "color",
+            "id": "accent",
+            "label": "Accent",
+            "default": "#f5f5f5"
+          },
+          {
+            "type": "color",
+            "id": "accent_foreground",
+            "label": "Accent Foreground",
+            "default": "#171717"
+          },
+          {
+            "type": "color",
+            "id": "destructive",
+            "label": "Destructive",
+            "default": "#e7000b"
+          },
+          {
+            "type": "color",
+            "id": "border",
+            "label": "Border",
+            "default": "#e5e5e5"
+          },
+          {
+            "type": "color",
+            "id": "input",
+            "label": "Input",
+            "default": "#e5e5e5"
+          },
+          {
+            "type": "color",
+            "id": "ring",
+            "label": "Ring",
+            "default": "#4f39f6"
+          },
+          {
+            "type": "color",
+            "id": "chart_1",
+            "label": "Chart 1",
+            "default": "#f54900"
+          },
+          {
+            "type": "color",
+            "id": "chart_2",
+            "label": "Chart 2",
+            "default": "#009689"
+          },
+          {
+            "type": "color",
+            "id": "chart_3",
+            "label": "Chart 3",
+            "default": "#104e64"
+          },
+          {
+            "type": "color",
+            "id": "chart_4",
+            "label": "Chart 4",
+            "default": "#ffb900"
+          },
+          {
+            "type": "color",
+            "id": "chart_5",
+            "label": "Chart 5",
+            "default": "#fe9a00"
+          },
+          {
+            "type": "color",
+            "id": "sidebar",
+            "label": "Sidebar",
+            "default": "#fafafa"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_foreground",
+            "label": "Sidebar Foreground",
+            "default": "#0a0a0a"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_primary",
+            "label": "Sidebar Primary",
+            "default": "#4f39f6"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_primary_foreground",
+            "label": "Sidebar Primary Foreground",
+            "default": "#ffffff"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_accent",
+            "label": "Sidebar Accent",
+            "default": "#f5f5f5"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_accent_foreground",
+            "label": "Sidebar Accent Foreground",
+            "default": "#171717"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_border",
+            "label": "Sidebar Border",
+            "default": "#e5e5e5"
+          },
+          {
+            "type": "color",
+            "id": "sidebar_ring",
+            "label": "Sidebar Ring",
+            "default": "#4f39f6"
+          },
+          {
+            "type": "color_background",
+            "id": "background_gradient",
+            "label": "Background gradient"
+          }
+        ],
+        "role": {
+          "background": {
+            "solid": "background",
+            "gradient": "background_gradient"
+          },
+          "text": "foreground",
+          "primary_button": "primary",
+          "on_primary_button": "primary_foreground",
+          "primary_button_border": "primary",
+          "secondary_button": "secondary",
+          "on_secondary_button": "secondary_foreground",
+          "secondary_button_border": "border",
+          "links": "primary",
+          "icons": "foreground"
+        }
+      },
+      {
+        "type": "header",
+        "content": "Palette"
+      },
+      {
+        "type": "color_palette",
+        "id": "baseline_palette",
+        "default": {
+          "white": "#ffffff",
+          "indigo_600": "#4f39f6",
+          "neutral_50": "#fafafa",
+          "neutral_800": "#262626",
+          "red_900": "#82181a",
+          "green_900": "#0d542b",
+          "amber_900": "#7b3306",
+          "neutral_900": "#171717",
+          "red_200": "#ffc9c9",
+          "green_200": "#b9f8cf",
+          "amber_200": "#fee685",
+          "neutral_950": "#0a0a0a",
+          "amber_500": "#fe9a00",
+          "red_700": "#c10007",
+          "neutral_100": "#f5f5f5",
+          "emerald_500": "#00bc7d",
+          "rose_500": "#ff2056",
+          "indigo_500": "#615fff",
+          "red_100": "#ffe2e2",
+          "green_100": "#dcfce7"
+        }
+      }
+    ]
+  },
+  {
+    "name": "t:baseline.cart.name",
+    "settings": [
+      {
+        "type": "select",
+        "id": "cart_type",
+        "label": "t:baseline.cart.type",
+        "options": [
+          {
+            "value": "drawer",
+            "label": "t:baseline.cart.drawer"
+          },
+          {
+            "value": "page",
+            "label": "t:baseline.cart.page"
+          }
+        ],
+        "default": "page"
+      }
+    ]
+  }
+]

package/templates/shopify/layout/password.liquid

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="{{ request.locale.iso_code }}">
+  <head>
+    {% # Inlined CSS Variables %}
+    {% render 'css-variables' %}
+
+    {% # Load and preload the critical CSS %}
+    {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
+
+    {% # Social, title, etc. %}
+    {% render 'meta-tags' %}
+
+    {{ content_for_header }}
+  </head>
+
+  <body>
+    {{ content_for_layout }}
+  </body>
+</html>

package/templates/shopify/layout/theme.liquid

@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="{{ request.locale.iso_code }}">
+  <head>
+    {% # Inlined CSS Variables %}
+    {% render 'css-variables' %}
+    {% # Baseline design system: static scales (stylesheet) and color schemes (style) %}
+    {% render 'baseline-tokens' %}
+    {% render 'baseline-schemes' %}
+    {% # Baseline prose rhythm (ADR-0028): richtext outputs carry class="typeset" %}
+    {% render 'typeset' %}
+    {% # Baseline content ramp (ADR-0014): display-* / heading-* classes, used by the heading block %}
+    {% render 'text-styles' %}
+
+    {% comment %}
+      Font preloading:
+      1. Preconnect to font CDN for faster connection
+      2. Preload only the critical font variant (base weight)
+      3. Additional variants load on-demand via @font-face
+    {% endcomment %}
+    {% unless settings.type_primary_font.system? %}
+      <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
+
+      {% comment %} Preload the base font variant for initial page render {% endcomment %}
+      {{ settings.type_primary_font | font_url | preload_tag: as: 'font', crossorigin: 'anonymous' }}
+    {% endunless %}
+
+    {% comment %}
+      Baseline's font FAMILY comes from Figma (font/sans -> --bl-font-sans, currently Inter); how it LOADS is
+      decided per platform (ADR-0017). Shopify's font_picker above only offers the merchant's theme font,
+      which is not the Baseline family, so nothing was loading Inter: --bl-font-sans named it and every
+      control fell back to ui-sans-serif, which is why type and control contents did not line up with the
+      WordPress and HTML targets. Loaded the same way those two load it.
+    {% endcomment %}
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+    >
+
+    {% # Load and preload the critical CSS %}
+    {{ 'critical.css' | asset_url | stylesheet_tag: preload: true }}
+
+    {% # Social, title, etc. %}
+    {% render 'meta-tags' %}
+
+    {{ content_for_header }}
+  </head>
+
+  <body class="color-{{ settings.default_color_scheme.id | default: 'scheme-1' }}">
+    {% sections 'header-group' %}
+
+    {{ content_for_layout }}
+
+    {% sections 'footer-group' %}
+  </body>
+</html>

package/templates/shopify/locales/en.default.json

@@ -0,0 +1,58 @@
+{
+  "404": {
+    "title": "404",
+    "not_found": "Page not found.",
+    "back_to_shopping": "Back to shopping"
+  },
+  "blog": {
+    "article_comments": "Comments",
+    "article_metadata_html": "{{ date }} by {{ author }}",
+    "comment_form_body": "Comment",
+    "comment_form_email": "Email",
+    "comment_form_name": "Name",
+    "comment_form_submit": "Post",
+    "comment_form_title": "Add a comment"
+  },
+  "cart": {
+    "checkout": "Checkout",
+    "title": "Cart",
+    "update": "Update",
+    "remove": "Remove",
+    "free_shipping_remaining": "Spend {{ amount }} more for free shipping",
+    "free_shipping_unlocked": "Your order ships free"
+  },
+  "customers": {
+    "login": {
+      "email": "Email",
+      "password": "Password",
+      "submit": "Sign in",
+      "title": "Login"
+    }
+  },
+  "collections": {
+    "title": "Collections"
+  },
+  "gift_card": {
+    "add_to_apple_wallet": "Add to Apple Wallet",
+    "card": "Gift card",
+    "expired": "This gift card has expired",
+    "expires_on": "Expires on {{ expires_on }}",
+    "use_at_checkout": "Use this gift card at checkout"
+  },
+  "password": {
+    "title": "This shop is private",
+    "password": "Password",
+    "enter": "Enter"
+  },
+  "search": {
+    "title": "Search",
+    "placeholder": "Search articles, pages, or products",
+    "submit": "Search",
+    "no_results_html": "No results found for {{ terms }}",
+    "results_for_html": "{{ count }} results found for {{ terms }}"
+  },
+  "breadcrumb": {
+    "home": "Home",
+    "label": "Breadcrumb"
+  }
+}