@o-a/cms-agent 0.1.0

package/dist/create-site/template/theme/blocks/button.liquid

@@ -0,0 +1,21 @@
+{% if block.settings.style == 'secondary' %}
+<a class="btn btn--secondary" data-block-id="{{ block.id }}" href="{{ block.settings.url }}">{{ block.settings.label }}</a>
+{% elsif block.settings.style == 'on-dark' %}
+<a class="btn btn--on-dark" data-block-id="{{ block.id }}" href="{{ block.settings.url }}">{{ block.settings.label }}</a>
+{% else %}
+<a class="btn btn--primary" data-block-id="{{ block.id }}" href="{{ block.settings.url }}">{{ block.settings.label }}</a>
+{% endif %}
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Button",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["label", "url"],
+  "properties": {
+    "label": { "type": "string", "minLength": 1, "default": "Learn more" },
+    "url": { "type": "string", "minLength": 1, "default": "#" },
+    "style": { "type": "string", "enum": ["primary", "secondary", "on-dark"] }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/comparison-row.liquid

@@ -0,0 +1,19 @@
+<tr data-block-id="{{ block.id }}">
+  <td>{{ block.settings.criteria }}</td>
+  <td class="col-granite">{{ block.settings.granite }}</td>
+  <td>{{ block.settings.traditional }}</td>
+</tr>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Comparison Row",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["criteria", "granite", "traditional"],
+  "properties": {
+    "criteria": { "type": "string", "minLength": 1, "default": "Criteria" },
+    "granite": { "type": "string", "minLength": 1, "default": "Granite" },
+    "traditional": { "type": "string", "minLength": 1, "default": "Traditional" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/faq-item.liquid

@@ -0,0 +1,22 @@
+<details class="faq-item" data-block-id="{{ block.id }}">
+  <summary>
+    <span>{{ block.settings.question }}</span>
+    <span class="faq-item__icon">{% render 'icon', name: 'plus' %}</span>
+  </summary>
+  <div class="faq-item__body">
+    <p>{{ block.settings.answer }}</p>
+  </div>
+</details>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "FAQ Item",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["question", "answer"],
+  "properties": {
+    "question": { "type": "string", "minLength": 1, "default": "Question" },
+    "answer": { "type": "string", "minLength": 1, "default": "Answer" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/feature-card.liquid

@@ -0,0 +1,23 @@
+<div class="feature-card reveal" data-block-id="{{ block.id }}">
+  <div class="feature-card__icon">{% render 'icon', name: block.settings.icon %}</div>
+  <h3>{{ block.settings.heading }}</h3>
+  <p>{{ block.settings.description }}</p>
+</div>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Feature Card",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["icon", "heading", "description"],
+  "properties": {
+    "icon": {
+      "type": "string",
+      "enum": ["structure", "git", "bolt", "block", "admin", "portable"],
+      "default": "bolt"
+    },
+    "heading": { "type": "string", "minLength": 1, "default": "Feature" },
+    "description": { "type": "string", "minLength": 1, "default": "Description" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/logo-mark.liquid

@@ -0,0 +1,13 @@
+<span class="logo-mark" data-block-id="{{ block.id }}">{{ block.settings.name }}</span>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Logo Mark",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["name"],
+  "properties": {
+    "name": { "type": "string", "minLength": 1, "default": "Company" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/pricing-tier.liquid

@@ -0,0 +1,42 @@
+<div class="pricing-tier reveal{% if block.settings.highlighted %} pricing-tier--highlight{% endif %}" data-block-id="{{ block.id }}">
+  <div class="pricing-tier__name">{{ block.settings.name }}</div>
+  <div class="pricing-tier__price">
+    <strong>{{ block.settings.price }}</strong>
+    <span>{{ block.settings.period }}</span>
+  </div>
+  <p class="pricing-tier__desc">{{ block.settings.description }}</p>
+  <ul class="pricing-tier__features">
+    {% for feature in block.settings.features %}
+      <li>{% render 'icon', name: 'check' %}<span>{{ feature }}</span></li>
+    {% endfor %}
+  </ul>
+  {% if block.settings.highlighted %}
+    <a class="btn btn--primary" href="{{ block.settings.ctaUrl }}">{{ block.settings.ctaLabel }}</a>
+  {% else %}
+    <a class="btn btn--secondary" href="{{ block.settings.ctaUrl }}">{{ block.settings.ctaLabel }}</a>
+  {% endif %}
+</div>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Pricing Tier",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["name", "price", "period", "description", "features", "ctaLabel", "ctaUrl"],
+  "properties": {
+    "name": { "type": "string", "minLength": 1, "default": "Plan" },
+    "price": { "type": "string", "minLength": 1, "default": "$0" },
+    "period": { "type": "string", "minLength": 1, "default": "/month" },
+    "description": { "type": "string", "minLength": 1, "default": "Description" },
+    "features": {
+      "type": "array",
+      "minItems": 1,
+      "items": { "type": "string", "minLength": 1 },
+      "default": ["Feature one"]
+    },
+    "ctaLabel": { "type": "string", "minLength": 1, "default": "Get started" },
+    "ctaUrl": { "type": "string", "minLength": 1, "default": "#" },
+    "highlighted": { "type": "boolean" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/step-card.liquid

@@ -0,0 +1,19 @@
+<div class="step-card reveal" data-block-id="{{ block.id }}">
+  <div class="step-card__number">{{ block.settings.number }}</div>
+  <h3>{{ block.settings.heading }}</h3>
+  <p>{{ block.settings.description }}</p>
+</div>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Step Card",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["number", "heading", "description"],
+  "properties": {
+    "number": { "type": "string", "minLength": 1, "default": "1" },
+    "heading": { "type": "string", "minLength": 1, "default": "Step" },
+    "description": { "type": "string", "minLength": 1, "default": "Description" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/blocks/testimonial-card.liquid

@@ -0,0 +1,25 @@
+<div class="testimonial-card reveal" data-block-id="{{ block.id }}">
+  <blockquote>{{ block.settings.quote }}</blockquote>
+  <div class="testimonial-card__author">
+    <span class="avatar" aria-hidden="true">{{ block.settings.initials }}</span>
+    <div>
+      <strong>{{ block.settings.name }}</strong>
+      <span>{{ block.settings.role }}</span>
+    </div>
+  </div>
+</div>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Testimonial Card",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["quote", "name", "role", "initials"],
+  "properties": {
+    "quote": { "type": "string", "minLength": 1, "default": "Quote" },
+    "name": { "type": "string", "minLength": 1, "default": "Name" },
+    "role": { "type": "string", "minLength": 1, "default": "Role" },
+    "initials": { "type": "string", "minLength": 1, "maxLength": 3, "default": "AB" }
+  }
+}
+{% endschema %}

package/dist/create-site/template/theme/layouts/theme.liquid

@@ -0,0 +1,99 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ page.title }}</title>
+    <meta name="description" content="Granite CMS is a lightweight, self-hosted content management system built for agencies and freelance developers who manage client sites on git-based workflows.">
+    <link rel="stylesheet" href="/assets/style.css">
+  </head>
+  <body>
+    <a class="skip-link" href="#main">Skip to content</a>
+
+    <header class="site-header" data-site-header>
+      <div class="container site-header__inner">
+        <a href="/" class="logo">{% render 'logo' %}</a>
+
+        <nav class="site-nav" aria-label="Primary">
+          <ul>
+            {% for item in menus.main.items %}
+              <li><a href="{{ item.url }}">{{ item.label }}</a></li>
+            {% endfor %}
+          </ul>
+        </nav>
+
+        <div class="site-header__actions">
+          <a class="btn btn--primary btn--sm" href="#pricing">Get started</a>
+          <button class="nav-toggle" type="button" data-nav-toggle aria-expanded="false" aria-controls="mobile-nav" aria-label="Toggle menu">
+            <span></span><span></span><span></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mobile-nav" id="mobile-nav" data-mobile-nav>
+        <ul>
+          {% for item in menus.main.items %}
+            <li><a href="{{ item.url }}">{{ item.label }}</a></li>
+          {% endfor %}
+        </ul>
+        <a class="btn btn--primary btn--block" href="#pricing">Get started</a>
+      </div>
+    </header>
+
+    <main id="main">
+      {{ content_for_layout | raw }}
+    </main>
+
+    <footer class="site-footer">
+      <div class="container">
+        <div class="footer__grid">
+          <div class="footer__brand">
+            {% render 'logo' %}
+            <p>Solid foundations for client sites. A lightweight, self-hosted CMS built for developers.</p>
+            <div class="footer__social">
+              <a href="https://github.com/granite-cms/granite" aria-label="GitHub">{% render 'icon', name: 'github' %}</a>
+              <a href="https://twitter.com/granitecms" aria-label="X (Twitter)">{% render 'icon', name: 'twitter' %}</a>
+              <a href="https://discord.gg/granitecms" aria-label="Discord">{% render 'icon', name: 'discord' %}</a>
+            </div>
+          </div>
+
+          <div class="footer__cols">
+            <nav class="footer__col" aria-label="Product">
+              <h3>Product</h3>
+              <ul>
+                {% for item in menus.footerProduct.items %}
+                  <li><a href="{{ item.url }}">{{ item.label }}</a></li>
+                {% endfor %}
+              </ul>
+            </nav>
+
+            <nav class="footer__col" aria-label="Resources">
+              <h3>Resources</h3>
+              <ul>
+                {% for item in menus.footerResources.items %}
+                  <li><a href="{{ item.url }}">{{ item.label }}</a></li>
+                {% endfor %}
+              </ul>
+            </nav>
+
+            <nav class="footer__col" aria-label="Company">
+              <h3>Company</h3>
+              <ul>
+                {% for item in menus.footerCompany.items %}
+                  <li><a href="{{ item.url }}">{{ item.label }}</a></li>
+                {% endfor %}
+              </ul>
+            </nav>
+          </div>
+        </div>
+
+        <div class="footer__bottom">
+          <span>&copy; 2026 Granite CMS. All rights reserved.</span>
+          <span>Built and self-hosted, everywhere.</span>
+        </div>
+      </div>
+    </footer>
+
+    <script src="/assets/site.js"></script>
+  </body>
+</html>

package/dist/create-site/template/theme/sections/comparison.liquid

@@ -0,0 +1,41 @@
+<section class="section-alt" id="comparison" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head center reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="comparison-wrap reveal">
+      <table class="comparison-table">
+        <thead>
+          <tr>
+            <th>{{ section.settings.criteriaLabel }}</th>
+            <th class="col-granite">{{ section.settings.graniteLabel }}</th>
+            <th>{{ section.settings.traditionalLabel }}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Comparison",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading", "criteriaLabel", "graniteLabel", "traditionalLabel"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "How Granite compares" },
+    "subheading": { "type": "string" },
+    "criteriaLabel": { "type": "string", "minLength": 1, "default": "Criteria" },
+    "graniteLabel": { "type": "string", "minLength": 1, "default": "Granite" },
+    "traditionalLabel": { "type": "string", "minLength": 1, "default": "Traditional CMS" }
+  },
+  "allowedBlocks": ["comparison-row"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/cta-banner.liquid

@@ -0,0 +1,27 @@
+<section data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="cta-banner reveal">
+      <div class="cta-banner__inner">
+        <h2>{{ section.settings.heading }}</h2>
+        {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+        <div class="cta-banner__actions">
+          {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "CTA Banner",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "heading": { "type": "string", "minLength": 1, "default": "Ready to get started?" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["button"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/faq.liquid

@@ -0,0 +1,27 @@
+<section id="faq" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="faq-list reveal">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "FAQ",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "Frequently asked questions" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["faq-item"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/feature-grid.liquid

@@ -0,0 +1,27 @@
+<section class="section-alt" id="features" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="feature-grid">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Feature Grid",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "Why teams choose Granite" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["feature-card"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/hero.liquid

@@ -0,0 +1,36 @@
+<section class="hero" data-section-id="{{ section.id }}">
+  <div class="container hero__inner">
+    <div class="hero__content reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h1>{{ section.settings.heading }}</h1>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+      <div class="hero__actions">{% for html in blocksHtml %}{{ html | raw }}{% endfor %}</div>
+    </div>
+    {% if section.settings.codeSnippet %}
+      <div class="code-panel reveal">
+        <div class="code-panel__bar">
+          <span></span><span></span><span></span>
+          {% if section.settings.codeTitle %}<span class="code-panel__title">{{ section.settings.codeTitle }}</span>{% endif %}
+        </div>
+        <pre><code>{{ section.settings.codeSnippet }}</code></pre>
+      </div>
+    {% endif %}
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Hero",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "New Section" },
+    "subheading": { "type": "string" },
+    "codeTitle": { "type": "string" },
+    "codeSnippet": { "type": "string" }
+  },
+  "allowedBlocks": ["button"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/how-it-works.liquid

@@ -0,0 +1,27 @@
+<section id="how-it-works" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="steps">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "How It Works",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "How it works" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["step-card"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/pricing.liquid

@@ -0,0 +1,27 @@
+<section class="section-alt" id="pricing" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head center reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="pricing-grid">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Pricing",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "Pricing" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["pricing-tier"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/social-proof.liquid

@@ -0,0 +1,21 @@
+<section class="social-proof" data-section-id="{{ section.id }}">
+  <div class="container">
+    <p class="social-proof__label reveal">{{ section.settings.label }}</p>
+    <div class="social-proof__row reveal">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Social Proof",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["label"],
+  "properties": {
+    "label": { "type": "string", "minLength": 1, "default": "Trusted by teams at" }
+  },
+  "allowedBlocks": ["logo-mark"]
+}
+{% endschema %}

package/dist/create-site/template/theme/sections/testimonials.liquid

@@ -0,0 +1,27 @@
+<section id="testimonials" data-section-id="{{ section.id }}">
+  <div class="container">
+    <div class="section-head reveal">
+      {% if section.settings.eyebrow %}<span class="eyebrow">{{ section.settings.eyebrow }}</span>{% endif %}
+      <h2>{{ section.settings.heading }}</h2>
+      {% if section.settings.subheading %}<p>{{ section.settings.subheading }}</p>{% endif %}
+    </div>
+    <div class="testimonial-grid">
+      {% for html in blocksHtml %}{{ html | raw }}{% endfor %}
+    </div>
+  </div>
+</section>
+{% schema %}
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Testimonials",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["heading"],
+  "properties": {
+    "eyebrow": { "type": "string" },
+    "heading": { "type": "string", "minLength": 1, "default": "What our customers say" },
+    "subheading": { "type": "string" }
+  },
+  "allowedBlocks": ["testimonial-card"]
+}
+{% endschema %}

package/dist/create-site/template/theme/snippets/icon.liquid

@@ -0,0 +1,24 @@
+{% case name %}
+{% when 'github' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 2C6.48 2 2 6.58 2 12.2c0 4.5 2.87 8.32 6.84 9.67.5.1.68-.22.68-.49 0-.24-.01-1.04-.01-1.88-2.78.61-3.37-1.21-3.37-1.21-.45-1.18-1.11-1.49-1.11-1.49-.9-.63.07-.62.07-.62 1 .07 1.53 1.05 1.53 1.05.9 1.55 2.36 1.11 2.94.84.09-.66.35-1.11.63-1.36-2.22-.26-4.56-1.14-4.56-5.06 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05a9.3 9.3 0 0 1 5 0c1.9-1.33 2.75-1.05 2.75-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.63 1.03 2.75 0 3.93-2.34 4.79-4.57 5.05.36.32.68.94.68 1.9 0 1.37-.01 2.47-.01 2.81 0 .27.18.6.69.49A10.02 10.02 0 0 0 22 12.2C22 6.58 17.52 2 12 2Z" fill="currentColor"/></svg>
+{% when 'twitter' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M17.53 3h3.19l-6.98 7.98L22 21h-6.43l-5.04-6.6L4.75 21H1.56l7.46-8.53L1 3h6.6l4.56 6.03L17.53 3Zm-1.12 16.17h1.77L7.68 4.73H5.78l10.63 14.44Z" fill="currentColor"/></svg>
+{% when 'discord' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M19.27 5.33A17.8 17.8 0 0 0 14.9 4a12.5 12.5 0 0 0-.56 1.15 16.4 16.4 0 0 0-4.68 0A12.5 12.5 0 0 0 9.1 4a17.7 17.7 0 0 0-4.38 1.34C2.1 9.05 1.4 12.65 1.75 16.2a17.9 17.9 0 0 0 5.44 2.76c.44-.6.83-1.24 1.17-1.92-.64-.24-1.25-.54-1.83-.9.15-.11.3-.23.44-.35a12.7 12.7 0 0 0 10.06 0c.15.12.3.24.44.35-.58.36-1.19.66-1.83.9.34.68.73 1.32 1.17 1.92a17.85 17.85 0 0 0 5.44-2.76c.42-4.12-.66-7.68-2.98-10.87ZM8.68 14.1c-1 0-1.8-.92-1.8-2.06 0-1.13.79-2.06 1.8-2.06 1 0 1.82.94 1.8 2.06 0 1.14-.8 2.06-1.8 2.06Zm6.65 0c-1 0-1.8-.92-1.8-2.06 0-1.13.79-2.06 1.8-2.06 1 0 1.82.94 1.8 2.06 0 1.14-.79 2.06-1.8 2.06Z" fill="currentColor"/></svg>
+{% when 'structure' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1.4" stroke="currentColor" stroke-width="1.7"/><rect x="14" y="3" width="7" height="7" rx="1.4" stroke="currentColor" stroke-width="1.7"/><rect x="3" y="14" width="7" height="7" rx="1.4" stroke="currentColor" stroke-width="1.7"/><rect x="14" y="14" width="7" height="7" rx="1.4" stroke="currentColor" stroke-width="1.7"/></svg>
+{% when 'git' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="6" cy="6" r="2.4" stroke="currentColor" stroke-width="1.7"/><circle cx="6" cy="18" r="2.4" stroke="currentColor" stroke-width="1.7"/><circle cx="18" cy="15" r="2.4" stroke="currentColor" stroke-width="1.7"/><path d="M6 8.4V15.6M6 10c0 3 3 3 8 5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
+{% when 'bolt' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
+{% when 'block' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.7"/><path d="M6 6l12 12" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
+{% when 'admin' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="12" cy="8" r="3.4" stroke="currentColor" stroke-width="1.7"/><path d="M4.8 20c1.2-3.6 4-5.4 7.2-5.4s6 1.8 7.2 5.4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
+{% when 'portable' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 3 20 7.5v9L12 21 4 16.5v-9L12 3Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="M4 7.5 12 12l8-4.5M12 12v9" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
+{% when 'check' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4 12.5 9.5 18 20 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+{% when 'plus' %}
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
+{% endcase %}

package/dist/create-site/template/theme/snippets/logo.liquid

@@ -0,0 +1,7 @@
+<span class="logo">
+  <svg class="logo__mark" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <path d="M16 2 L29 9 V23 L16 30 L3 23 V9 Z" fill="currentColor" fill-opacity="0.08" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
+    <path d="M16 2 L16 30 M3 9 L16 15 L29 9 M3 23 L16 15" stroke="var(--accent)" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round"/>
+  </svg>
+  <span>Granite<span style="color:var(--accent)">CMS</span></span>
+</span>

package/dist/create-site/template/theme/snippets/site-name.liquid

@@ -0,0 +1 @@
+<span class="site-name">{{ name }}</span>