@gemboss/website-ui 0.4.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +43 -5
- package/CHANGELOG.md +117 -0
- package/README.md +9 -8
- package/bin/lib/check.mjs +77 -0
- package/css/article.css +237 -0
- package/css/components.css +23 -0
- package/css/footer.css +3 -0
- package/css/forms.css +154 -0
- package/css/prose.css +29 -16
- package/css/ratings.css +78 -0
- package/css/tokens.css +25 -0
- package/demo/article.html +359 -0
- package/demo/assets/article-hero.svg +1 -0
- package/demo/assets/avatar-gemboss.svg +1 -0
- package/demo/assets/avatar-sample.svg +1 -0
- package/demo/assets/post-headless.svg +1 -0
- package/demo/assets/post-motion.svg +1 -0
- package/demo/assets/post-output.svg +1 -0
- package/demo/assets/post-speed.svg +1 -0
- package/demo/assets/post-theme.svg +1 -0
- package/demo/assets/post-voice.svg +1 -0
- package/demo/blog.html +314 -0
- package/demo/forms.html +505 -0
- package/demo/index.html +2 -0
- package/docs/components.md +334 -12
- package/docs/markup-contract.md +123 -7
- package/docs/theming.md +4 -3
- package/js/website.js +68 -8
- package/js/website.mjs +80 -7
- package/package.json +1 -1
- package/skill/SKILL.md +8 -0
- package/system.json +12 -1
- package/templates/footer.html +15 -0
- package/templates/sections/article.html +93 -0
- package/templates/sections/form.html +42 -0
- package/templates/sections/post-list.html +65 -0
- package/templates/sections/testimonials.html +58 -0
- package/website.css +553 -17
- package/website.min.css +1 -1
package/demo/blog.html
ADDED
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Blog · GemBoss</title>
|
|
7
|
+
<meta name="description" content="The kit's blog index: a post list of cards with pictures, prev and next pagination, and the compact list.">
|
|
8
|
+
<script>try{var t=localStorage.getItem('gw-theme');if(t==='light'||t==='dark')document.documentElement.setAttribute('data-theme',t)}catch(e){}</script>
|
|
9
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap">
|
|
12
|
+
<link rel="stylesheet" href="../website.css">
|
|
13
|
+
</head>
|
|
14
|
+
<body class="gw-page">
|
|
15
|
+
<a class="gw-skip" href="#main">Skip to content</a>
|
|
16
|
+
|
|
17
|
+
<div class="gw-announce" role="region" aria-label="Announcement">GemBoss is built by the team behind GemPages. <a href="https://feedback.gemboss.ai/changelog" rel="noopener">What's new on the changelog</a></div>
|
|
18
|
+
<header class="gw-header" data-gw-header>
|
|
19
|
+
<div class="gw-wrap gw-header__bar">
|
|
20
|
+
<a class="gw-brand" href="https://gemboss.ai/"><svg class="gw-brand__mark" viewBox="0 0 100 116" aria-hidden="true"><polygon points="26,14 74,14 66,50 34,50" style="fill:var(--gw-accent)"/><path d="M26,14 74,14 96,50 50,110 4,50Z" fill="none" stroke="currentColor" stroke-width="9" stroke-linejoin="round"/><path d="M4,50H96M26,14 34,50M74,14 66,50M34,50 50,110M66,50 50,110" fill="none" stroke="currentColor" stroke-width="5.6" stroke-linejoin="round"/></svg><span class="gw-brand__name">GemBoss</span></a>
|
|
21
|
+
<nav class="gw-nav" aria-label="Main">
|
|
22
|
+
<ul class="gw-nav__list">
|
|
23
|
+
<li class="gw-nav__item">
|
|
24
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-product" data-gw-mega="gw-mega-product">Product</button>
|
|
25
|
+
<div class="gw-mega" id="gw-mega-product" hidden>
|
|
26
|
+
<div class="gw-wrap gw-mega__grid">
|
|
27
|
+
<div class="gw-mega__col">
|
|
28
|
+
<p class="gw-mega__heading">Build</p>
|
|
29
|
+
<a class="gw-mega__link" href="https://gemboss.ai/funnel"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v6l-4 2v-8z"/></svg></span><span><b>Funnel builder</b><i>Angles, advertorials, offers</i></span></a>
|
|
30
|
+
<a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M4 9v11h16V9"/><path d="M9 20v-6h6v6"/></svg></span><span><b>Storefront builder</b><i>Headless, on your Shopify</i></span></a>
|
|
31
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gempages"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h8M8 16h5"/></svg></span><span><b>Page builder</b><i>Ask, watch, publish</i></span></a>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="gw-mega__col">
|
|
34
|
+
<p class="gw-mega__heading">Grow</p>
|
|
35
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gemx"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4v16M20 4v16M4 9h16M4 15h16"/></svg></span><span><b>Tests & personalization</b><i>You promote the winner</i></span></a>
|
|
36
|
+
<a class="gw-mega__link" href="https://gemboss.ai/gemoffers"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12l-8 8-9-9V3h8z"/><circle cx="7.5" cy="7.5" r="1.5"/></svg></span><span><b>Offers & upsells</b><i>Bundles, gifts, bumps</i></span></a>
|
|
37
|
+
<a class="gw-mega__link" href="https://gemboss.ai/data"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 5-6"/></svg></span><span><b>Analytics & data</b><i>First-party, yours</i></span></a>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="gw-mega__col">
|
|
40
|
+
<p class="gw-mega__heading">Connect</p>
|
|
41
|
+
<a class="gw-mega__link" href="https://gemboss.ai/integrations"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3v6M15 3v6M6 9h12v3a6 6 0 0 1-12 0z"/><path d="M12 18v3"/></svg></span><span><b>Integrations</b><i>Klaviyo, Meta, Google</i></span></a>
|
|
42
|
+
<a class="gw-mega__link" href="https://gemboss.ai/mcp"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="m8 9-4 3 4 3"/><path d="m16 9 4 3-4 3"/><path d="m14 5-4 14"/></svg></span><span><b>MCP & agents</b><i>Claude and Codex</i></span></a>
|
|
43
|
+
<a class="gw-mega__link" href="https://gemboss.ai/agent-ready"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="8" width="14" height="11" rx="3"/><path d="M12 4v4"/><circle cx="9.5" cy="13.5" r="1"/><circle cx="14.5" cy="13.5" r="1"/></svg></span><span><b>Agent-ready storefront</b><i>Ready for AI shoppers</i></span></a>
|
|
44
|
+
</div>
|
|
45
|
+
<a class="gw-mega__feature" href="https://gemboss.ai/engine"><b>How the engine works</b><i>Six stages, one loop. Nothing ships without you.</i><span class="gw-link gw-link--arrow">See the engine</span></a>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</li>
|
|
49
|
+
<li class="gw-nav__item">
|
|
50
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-usecases" data-gw-mega="gw-mega-usecases">Use cases</button>
|
|
51
|
+
<div class="gw-mega" id="gw-mega-usecases" hidden>
|
|
52
|
+
<div class="gw-wrap gw-mega__grid">
|
|
53
|
+
<div class="gw-mega__col">
|
|
54
|
+
<p class="gw-mega__heading">Adaptive funnels</p>
|
|
55
|
+
<a class="gw-mega__link" href="https://gemboss.ai/meta-ads"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11v2a1 1 0 0 0 1 1h3l5 4V6L7 10H4a1 1 0 0 0-1 1z"/><path d="M16 9a4 4 0 0 1 0 6"/></svg></span><span><b>Meta, Google & TikTok ads</b><i>A funnel for every ad angle</i></span></a>
|
|
56
|
+
<a class="gw-mega__link" href="https://gemboss.ai/klaviyo-personalized-landing-pages"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg></span><span><b>Klaviyo email <span class="gw-badge gw-badge--warning">Early access</span></b><i>A page per recipient, after the click</i></span></a>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="gw-mega__col">
|
|
59
|
+
<p class="gw-mega__heading">Adaptive storefront</p>
|
|
60
|
+
<a class="gw-mega__link" href="https://gemboss.ai/ai-store-builder"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M4 9v11h16V9"/><path d="M9 20v-6h6v6"/></svg></span><span><b>Headless storefront</b><i>Your whole Shopify store, on GemBoss</i></span></a>
|
|
61
|
+
<a class="gw-mega__link" href="https://gemboss.ai/agent-ready"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="8" width="14" height="11" rx="3"/><path d="M12 4v4"/><circle cx="9.5" cy="13.5" r="1"/><circle cx="14.5" cy="13.5" r="1"/></svg></span><span><b>AI agents & AI search</b><i>Readable by AI, shoppable by agents</i></span></a>
|
|
62
|
+
</div>
|
|
63
|
+
<a class="gw-mega__feature" href="https://gemboss.ai/meta-ads"><b>Every ad gets its own page</b><i>The page keeps the promise the ad made.</i><span class="gw-link gw-link--arrow">See the ad-to-page path</span></a>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</li>
|
|
67
|
+
<li class="gw-nav__item"><a class="gw-nav__link" href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
68
|
+
<li class="gw-nav__item">
|
|
69
|
+
<button class="gw-nav__trigger" type="button" aria-expanded="false" aria-controls="gw-mega-resources" data-gw-mega="gw-mega-resources">Resources</button>
|
|
70
|
+
<div class="gw-mega" id="gw-mega-resources" hidden>
|
|
71
|
+
<div class="gw-wrap gw-mega__grid">
|
|
72
|
+
<div class="gw-mega__col">
|
|
73
|
+
<p class="gw-mega__heading">Learn</p>
|
|
74
|
+
<a class="gw-mega__link" href="https://gemboss.ai/blog"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h11a2 2 0 0 1 2 2v14H6a2 2 0 0 1-2-2z"/><path d="M8 8h7M8 12h7"/></svg></span><span><b>Blog</b><i>Playbooks and guides</i></span></a>
|
|
75
|
+
<a class="gw-mega__link" href="https://gemboss.ai/docs"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/></svg></span><span><b>Docs</b><i>Guides and MCP tools</i></span></a>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="gw-mega__col">
|
|
78
|
+
<p class="gw-mega__heading">Company</p>
|
|
79
|
+
<a class="gw-mega__link" href="https://gemboss.ai/company"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/></svg></span><span><b>About</b><i>Why we build it</i></span></a>
|
|
80
|
+
<a class="gw-mega__link" href="https://gemboss.ai/contact"><span class="gw-mega__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span><span><b>Contact</b><i>Talk to a human</i></span></a>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</li>
|
|
85
|
+
</ul>
|
|
86
|
+
</nav>
|
|
87
|
+
<div class="gw-header__actions">
|
|
88
|
+
<button class="gw-theme-toggle" type="button" data-gw-theme-toggle aria-label="Switch to dark theme"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M12 4a8 8 0 0 1 0 16z" fill="currentColor"/></svg></button>
|
|
89
|
+
<a class="gw-nav__link gw-header__signin" href="https://admin.gemboss.ai/login">Sign in</a>
|
|
90
|
+
<a class="gw-btn gw-btn--secondary gw-btn--sm" href="https://gemboss.ai/contact">Book a demo</a>
|
|
91
|
+
<a class="gw-btn gw-btn--sm" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
92
|
+
<button class="gw-menu-toggle" type="button" aria-expanded="false" aria-controls="gw-mobile-menu" data-gw-menu-toggle aria-label="Open menu"><svg class="gw-menu-toggle__open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg><svg class="gw-menu-toggle__close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg></button>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="gw-mobile-menu" id="gw-mobile-menu" hidden>
|
|
96
|
+
<nav class="gw-wrap" aria-label="Main, mobile">
|
|
97
|
+
<details class="gw-mobile-menu__group">
|
|
98
|
+
<summary>Product</summary>
|
|
99
|
+
<ul class="gw-mobile-menu__list">
|
|
100
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/funnel">Funnel builder</a></li>
|
|
101
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/ai-store-builder">Storefront builder</a></li>
|
|
102
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/gemx">Tests & personalization</a></li>
|
|
103
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/gemoffers">Offers & upsells</a></li>
|
|
104
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/integrations">Integrations</a></li>
|
|
105
|
+
</ul>
|
|
106
|
+
</details>
|
|
107
|
+
<details class="gw-mobile-menu__group">
|
|
108
|
+
<summary>Use cases</summary>
|
|
109
|
+
<ul class="gw-mobile-menu__list">
|
|
110
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/meta-ads">Meta, Google & TikTok ads</a></li>
|
|
111
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/ai-store-builder">Headless storefront</a></li>
|
|
112
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/agent-ready">AI agents & AI search</a></li>
|
|
113
|
+
</ul>
|
|
114
|
+
</details>
|
|
115
|
+
<a class="gw-mobile-menu__top" href="https://gemboss.ai/pricing">Pricing</a>
|
|
116
|
+
<details class="gw-mobile-menu__group">
|
|
117
|
+
<summary>Resources</summary>
|
|
118
|
+
<ul class="gw-mobile-menu__list">
|
|
119
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/blog">Blog</a></li>
|
|
120
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/docs">Docs</a></li>
|
|
121
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/company">About</a></li>
|
|
122
|
+
<li><a class="gw-mobile-menu__link" href="https://gemboss.ai/contact">Contact</a></li>
|
|
123
|
+
</ul>
|
|
124
|
+
</details>
|
|
125
|
+
<div class="gw-mobile-menu__actions">
|
|
126
|
+
<a class="gw-btn gw-btn--block" href="https://admin.gemboss.ai/signup">Start free</a>
|
|
127
|
+
<a class="gw-btn gw-btn--secondary gw-btn--block" href="https://gemboss.ai/contact">Book a demo</a>
|
|
128
|
+
<a class="gw-mobile-menu__link" href="https://admin.gemboss.ai/login">Sign in</a>
|
|
129
|
+
</div>
|
|
130
|
+
</nav>
|
|
131
|
+
</div>
|
|
132
|
+
</header>
|
|
133
|
+
|
|
134
|
+
<main id="main">
|
|
135
|
+
<section class="gw-hero gw-hero--compact" aria-labelledby="blog-h">
|
|
136
|
+
<div class="gw-wrap">
|
|
137
|
+
<nav class="gw-breadcrumbs" aria-label="Breadcrumb">
|
|
138
|
+
<ol>
|
|
139
|
+
<li><a href="index.html">Home</a></li>
|
|
140
|
+
<li><a href="blog.html" aria-current="page">Blog</a></li>
|
|
141
|
+
</ol>
|
|
142
|
+
</nav>
|
|
143
|
+
<h1 id="blog-h">From the GemBoss blog</h1>
|
|
144
|
+
<p class="gw-lead">Notes on agentic commerce, storefront cloning, and the engineering behind the GemBoss section library.</p>
|
|
145
|
+
</div>
|
|
146
|
+
</section>
|
|
147
|
+
|
|
148
|
+
<section class="gw-section gw-section--tight" aria-label="Latest posts">
|
|
149
|
+
<div class="gw-wrap">
|
|
150
|
+
<ul class="gw-post-list" role="list">
|
|
151
|
+
<li>
|
|
152
|
+
<article class="gw-card gw-post">
|
|
153
|
+
<div class="gw-card__media"><img src="assets/post-theme.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
154
|
+
<p class="gw-label">Themes</p>
|
|
155
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/how-to-choose-shopify-theme">How to choose a Shopify theme that converts</a></h2>
|
|
156
|
+
<p>A checklist for choosing a theme: speed, mobile, features and fit, from free to premium to AI-built.</p>
|
|
157
|
+
<p class="gw-article-meta"><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>8 min read</span></p>
|
|
158
|
+
</article>
|
|
159
|
+
</li>
|
|
160
|
+
<li>
|
|
161
|
+
<article class="gw-card gw-post">
|
|
162
|
+
<div class="gw-card__media"><img src="assets/post-headless.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
163
|
+
<p class="gw-label">Headless</p>
|
|
164
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/headless-shopify-vs-liquid">Headless Shopify vs Liquid themes</a></h2>
|
|
165
|
+
<p>The speed, cost and control tradeoffs, and when a Liquid theme is the smarter choice.</p>
|
|
166
|
+
<p class="gw-article-meta"><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>10 min read</span></p>
|
|
167
|
+
</article>
|
|
168
|
+
</li>
|
|
169
|
+
<li>
|
|
170
|
+
<article class="gw-card gw-post">
|
|
171
|
+
<div class="gw-card__media"><img src="assets/post-speed.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
172
|
+
<p class="gw-label">Playbook</p>
|
|
173
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/page-speed-conversion-rate">Page speed and conversion rate: the numbers Shopify brands should know</a></h2>
|
|
174
|
+
<p>How much page speed moves conversion, with cited numbers on load time, bounce and revenue.</p>
|
|
175
|
+
<p class="gw-article-meta"><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>10 min read</span></p>
|
|
176
|
+
</article>
|
|
177
|
+
</li>
|
|
178
|
+
<li>
|
|
179
|
+
<article class="gw-card gw-post">
|
|
180
|
+
<div class="gw-card__media"><img src="assets/post-voice.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
181
|
+
<p class="gw-label">Product</p>
|
|
182
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/brand-voice-copy">Copy that sounds like your brand</a></h2>
|
|
183
|
+
<p>How GemBoss writes section copy in your brand's captured voice, and writes each language natively instead of translating English.</p>
|
|
184
|
+
<p class="gw-article-meta"><span><time datetime="2026-07-21">Jul 21, 2026</time></span><span>6 min read</span></p>
|
|
185
|
+
</article>
|
|
186
|
+
</li>
|
|
187
|
+
<li>
|
|
188
|
+
<article class="gw-card gw-post">
|
|
189
|
+
<div class="gw-card__media"><img src="assets/post-output.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
190
|
+
<p class="gw-label">Opinion</p>
|
|
191
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/owning-the-output">Why we bet on owning the output</a></h2>
|
|
192
|
+
<p>Your store is real, editable Shopify on an open framework, your domain, your data. Cancel and it keeps running.</p>
|
|
193
|
+
<p class="gw-article-meta"><span><time datetime="2026-07-21">Jul 21, 2026</time></span><span>6 min read</span></p>
|
|
194
|
+
</article>
|
|
195
|
+
</li>
|
|
196
|
+
<li>
|
|
197
|
+
<article class="gw-card gw-post">
|
|
198
|
+
<div class="gw-card__media"><img src="assets/post-motion.svg" alt="" width="640" height="360" loading="lazy"></div>
|
|
199
|
+
<p class="gw-label">Design</p>
|
|
200
|
+
<h2 class="gw-post__title"><a href="https://gemboss.ai/blog/motion-language">A motion language in one knob</a></h2>
|
|
201
|
+
<p>How GemBoss sets a whole store's motion character, editorial, bold or soft, from a single knob.</p>
|
|
202
|
+
<p class="gw-article-meta"><span><time datetime="2026-07-21">Jul 21, 2026</time></span><span>6 min read</span></p>
|
|
203
|
+
</article>
|
|
204
|
+
</li>
|
|
205
|
+
</ul>
|
|
206
|
+
<nav class="gw-pagination" aria-label="Blog pages">
|
|
207
|
+
<a class="gw-btn gw-btn--secondary" href="blog.html?page=1" rel="prev">Newer posts</a>
|
|
208
|
+
<p class="gw-pagination__status">Page 2 of 4</p>
|
|
209
|
+
<a class="gw-btn gw-btn--secondary" href="blog.html?page=3" rel="next">Older posts</a>
|
|
210
|
+
</nav>
|
|
211
|
+
</div>
|
|
212
|
+
</section>
|
|
213
|
+
|
|
214
|
+
<!-- the compact list: rows without cards or pictures -->
|
|
215
|
+
<section class="gw-section gw-section--soft" aria-labelledby="guides">
|
|
216
|
+
<div class="gw-wrap gw-wrap--narrow">
|
|
217
|
+
<div class="gw-section__head">
|
|
218
|
+
<p class="gw-label">Guides</p>
|
|
219
|
+
<h2 id="guides">Also on the blog</h2>
|
|
220
|
+
</div>
|
|
221
|
+
<ul class="gw-post-list gw-post-list--compact" role="list">
|
|
222
|
+
<li>
|
|
223
|
+
<article class="gw-card gw-post">
|
|
224
|
+
<h3 class="gw-post__title"><a href="https://gemboss.ai/blog/headless-shopify-without-developer">Headless Shopify without a developer: ship in a weekend</a></h3>
|
|
225
|
+
<p class="gw-article-meta"><span>Headless</span><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>9 min read</span></p>
|
|
226
|
+
</article>
|
|
227
|
+
</li>
|
|
228
|
+
<li>
|
|
229
|
+
<article class="gw-card gw-post">
|
|
230
|
+
<h3 class="gw-post__title"><a href="https://gemboss.ai/blog/headless-shopify-cost">How much does headless Shopify cost?</a></h3>
|
|
231
|
+
<p class="gw-article-meta"><span>Headless</span><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>9 min read</span></p>
|
|
232
|
+
</article>
|
|
233
|
+
</li>
|
|
234
|
+
<li>
|
|
235
|
+
<article class="gw-card gw-post">
|
|
236
|
+
<h3 class="gw-post__title"><a href="https://gemboss.ai/blog/best-shopify-page-builders">Best Shopify page builders in 2026, ranked by use case</a></h3>
|
|
237
|
+
<p class="gw-article-meta"><span>Comparison</span><span><time datetime="2026-08-08">Aug 8, 2026</time></span><span>13 min read</span></p>
|
|
238
|
+
</article>
|
|
239
|
+
</li>
|
|
240
|
+
<li>
|
|
241
|
+
<article class="gw-card gw-post">
|
|
242
|
+
<h3 class="gw-post__title"><a href="https://gemboss.ai/blog/section-library-dawn-gem">A token-driven section library, on one runtime</a></h3>
|
|
243
|
+
<p class="gw-article-meta"><span>Engineering</span><span><time datetime="2026-07-21">Jul 21, 2026</time></span><span>7 min read</span></p>
|
|
244
|
+
</article>
|
|
245
|
+
</li>
|
|
246
|
+
</ul>
|
|
247
|
+
</div>
|
|
248
|
+
</section>
|
|
249
|
+
</main>
|
|
250
|
+
|
|
251
|
+
<footer class="gw-footer">
|
|
252
|
+
<div class="gw-wrap">
|
|
253
|
+
<div class="gw-footer__grid">
|
|
254
|
+
<div class="gw-footer__brand">
|
|
255
|
+
<a class="gw-brand" href="https://gemboss.ai/"><svg class="gw-brand__mark" viewBox="0 0 100 116" aria-hidden="true"><polygon points="26,14 74,14 66,50 34,50" style="fill:var(--gw-accent)"/><path d="M26,14 74,14 96,50 50,110 4,50Z" fill="none" stroke="currentColor" stroke-width="9" stroke-linejoin="round"/><path d="M4,50H96M26,14 34,50M74,14 66,50M34,50 50,110M66,50 50,110" fill="none" stroke="currentColor" stroke-width="5.6" stroke-linejoin="round"/></svg><span class="gw-brand__name">GemBoss</span></a>
|
|
256
|
+
<p>The AI Conversion Engine for Shopify. Build a brand-true store, ship it blazing fast, and see what to change to sell more.</p>
|
|
257
|
+
</div>
|
|
258
|
+
<nav class="gw-footer__col" aria-label="Product">
|
|
259
|
+
<h2 class="gw-footer__heading">Product</h2>
|
|
260
|
+
<ul>
|
|
261
|
+
<li><a href="https://gemboss.ai/funnel">Funnel builder</a></li>
|
|
262
|
+
<li><a href="https://gemboss.ai/ai-store-builder">Storefront builder</a></li>
|
|
263
|
+
<li><a href="https://gemboss.ai/gemx">Tests & personalization</a></li>
|
|
264
|
+
<li><a href="https://gemboss.ai/gemoffers">Offers & upsells</a></li>
|
|
265
|
+
<li><a href="https://gemboss.ai/integrations">Integrations</a></li>
|
|
266
|
+
<li><a href="https://gemboss.ai/pricing">Pricing</a></li>
|
|
267
|
+
</ul>
|
|
268
|
+
</nav>
|
|
269
|
+
<nav class="gw-footer__col" aria-label="Use cases">
|
|
270
|
+
<h2 class="gw-footer__heading">Use cases</h2>
|
|
271
|
+
<ul>
|
|
272
|
+
<li><a href="https://gemboss.ai/meta-ads">Meta, Google & TikTok ads</a></li>
|
|
273
|
+
<li><a href="https://gemboss.ai/klaviyo-personalized-landing-pages">Klaviyo landing pages</a></li>
|
|
274
|
+
<li><a href="https://gemboss.ai/affiliate-landing-pages">Affiliate pages</a></li>
|
|
275
|
+
<li><a href="https://gemboss.ai/agent-ready">AI agents & AI search</a></li>
|
|
276
|
+
</ul>
|
|
277
|
+
</nav>
|
|
278
|
+
<nav class="gw-footer__col" aria-label="Resources">
|
|
279
|
+
<h2 class="gw-footer__heading">Resources</h2>
|
|
280
|
+
<ul>
|
|
281
|
+
<li><a href="https://gemboss.ai/audit">Free store audit</a></li>
|
|
282
|
+
<li><a href="https://gemboss.ai/blog">Blog</a></li>
|
|
283
|
+
<li><a href="https://gemboss.ai/docs">Docs</a></li>
|
|
284
|
+
<li><a href="https://gemboss.ai/mcp">MCP for AI agents</a></li>
|
|
285
|
+
<li><a href="https://feedback.gemboss.ai/changelog" rel="noopener">Changelog</a></li>
|
|
286
|
+
</ul>
|
|
287
|
+
</nav>
|
|
288
|
+
<nav class="gw-footer__col" aria-label="Company">
|
|
289
|
+
<h2 class="gw-footer__heading">Company</h2>
|
|
290
|
+
<ul>
|
|
291
|
+
<li><a href="https://gemboss.ai/company">About</a></li>
|
|
292
|
+
<li><a href="https://gemboss.ai/careers">Careers</a></li>
|
|
293
|
+
<li><a href="https://gemboss.ai/partners">Partners</a></li>
|
|
294
|
+
<li><a href="https://gemboss.ai/contact">Contact</a></li>
|
|
295
|
+
</ul>
|
|
296
|
+
</nav>
|
|
297
|
+
</div>
|
|
298
|
+
<div class="gw-footer__bottom">
|
|
299
|
+
<span>© 2026 GemBoss. All rights reserved.</span>
|
|
300
|
+
<ul aria-label="Legal">
|
|
301
|
+
<li><a href="https://gemboss.ai/privacy">Privacy</a></li>
|
|
302
|
+
<li><a href="https://gemboss.ai/terms">Terms</a></li>
|
|
303
|
+
</ul>
|
|
304
|
+
<ul aria-label="Social">
|
|
305
|
+
<li><a href="https://www.linkedin.com/company/gempages" rel="noopener">LinkedIn</a></li>
|
|
306
|
+
<li><a href="https://x.com/gempages" rel="noopener">X</a></li>
|
|
307
|
+
</ul>
|
|
308
|
+
</div>
|
|
309
|
+
</div>
|
|
310
|
+
</footer>
|
|
311
|
+
|
|
312
|
+
<script src="../js/website.js" defer></script>
|
|
313
|
+
</body>
|
|
314
|
+
</html>
|