Skip to content

Commit 2c9f541

Browse files
ddyson1ddyson1
authored
Merge pull request #19 from plotflow/claude/artwork-sales-website-01JWP9tY4m4hfX8WyoEQZ1kU
console: olive PlotGrid palette, contained artwork, drop motto + foot…
2 parents 87d051d + 172c36a commit 2c9f541

14 files changed

Lines changed: 65 additions & 90 deletions

‎404.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -64,14 +64,13 @@ <h3>The pen lifted</h3>
6464
<footer>
6565
<div class="grain"></div>
6666
<div class="wrap">
67-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
6867
<div class="foot-cols">
6968
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
7069
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
7170
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
72-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
71+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
7372
</div>
74-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
73+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
7574
</div>
7675
</footer>
7776

‎about.html‎

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -21,19 +21,19 @@
2121
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Noto+Sans+JP:wght@500;700;900&display=swap" rel="stylesheet">
2222
<link rel="stylesheet" href="styles/tokens.css">
2323
<link rel="stylesheet" href="styles/styles.css">
24-
<meta name="description" content="About PLOTFLOW — an independent pen-plotter studio. Drawn by machine.">
24+
<meta name="description" content="About PLOTFLOW — an independent pen-plotter studio.">
2525
<link rel="canonical" href="https://plotflow.io/about.html">
2626
<meta name="theme-color" content="#43463e">
2727
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
2828
<meta property="og:type" content="website">
2929
<meta property="og:site_name" content="PLOTFLOW">
3030
<meta property="og:title" content="About · PLOTFLOW*">
31-
<meta property="og:description" content="About PLOTFLOW — an independent pen-plotter studio. Drawn by machine.">
31+
<meta property="og:description" content="About PLOTFLOW — an independent pen-plotter studio.">
3232
<meta property="og:url" content="https://plotflow.io/about.html">
3333
<meta property="og:image" content="https://plotflow.io/assets/og.png">
3434
<meta name="twitter:card" content="summary_large_image">
3535
<meta name="twitter:title" content="About · PLOTFLOW*">
36-
<meta name="twitter:description" content="About PLOTFLOW — an independent pen-plotter studio. Drawn by machine.">
36+
<meta name="twitter:description" content="About PLOTFLOW — an independent pen-plotter studio.">
3737
<meta name="twitter:image" content="https://plotflow.io/assets/og.png">
3838
</head>
3939
<body>
@@ -53,36 +53,27 @@ <h1>About<span class="star">*</span></h1>
5353
<div class="jp">私たちについて</div>
5454
</div>
5555
<div class="page-body manifesto">
56-
<blockquote>
57-
<p>Drawn by machine.</p>
58-
</blockquote>
59-
6056
<p>PLOTFLOW is an independent studio. It makes drawings of Universal-Century mobile suits with a pen plotter — a machine that holds a pen and draws, one stroke at a time, following a prepared program. Every mark on every sheet was made by a pen.</p>
6157

6258
<p>Each edition begins as vector line work, rebuilt from reference path by path and compiled to a stroke program. An AxiDraw executes the program with a Staedtler Triplus 0.3&nbsp;mm pigment fineliner on Strathmore 300 Bristol. A typical sheet takes twenty to thirty minutes of continuous drawing and ten to thirty metres of ink.</p>
6359

6460
<p>Ink flow depends on temperature, humidity, and feed rate, so no two copies of an edition are identical, even from the same path data. The variation is not corrected. It is the record of a particular machine drawing a particular sheet on a particular day.</p>
6561

6662
<p>Editions are limited to 25. Each sheet is inspected, signed, and numbered by hand.</p>
67-
68-
<blockquote>
69-
<p>マシンドロー<br><em>Drawn by machine.</em></p>
70-
</blockquote>
7163
</div>
7264
</div>
7365
</section>
7466

7567
<footer>
7668
<div class="grain"></div>
7769
<div class="wrap">
78-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
7970
<div class="foot-cols">
8071
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
8172
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
8273
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
83-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
74+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
8475
</div>
85-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
76+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
8677
</div>
8778
</footer>
8879

‎commissions.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,14 +85,13 @@ <h3>Inquiries</h3>
8585
<footer>
8686
<div class="grain"></div>
8787
<div class="wrap">
88-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
8988
<div class="foot-cols">
9089
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
9190
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
9291
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
93-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
92+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
9493
</div>
95-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
94+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
9695
</div>
9796
</footer>
9897

‎contact.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,14 +82,13 @@ <h3>Studio</h3>
8282
<footer>
8383
<div class="grain"></div>
8484
<div class="wrap">
85-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
8685
<div class="foot-cols">
8786
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
8887
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
8988
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
90-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
89+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
9190
</div>
92-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
91+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
9392
</div>
9493
</footer>
9594

‎faq.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -109,14 +109,13 @@ <h3>Can I return a piece?</h3>
109109
<footer>
110110
<div class="grain"></div>
111111
<div class="wrap">
112-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
113112
<div class="foot-cols">
114113
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
115114
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
116115
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
117-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
116+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
118117
</div>
119-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
118+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
120119
</div>
121120
</footer>
122121

‎index.html‎

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</script>
1616
<script src="scripts/consent.js" defer></script>
1717
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
18-
<title>PLOTFLOW · マシンドロー</title>
18+
<title>PLOTFLOW* · Pen-plotter editions</title>
1919
<link rel="preconnect" href="https://fonts.googleapis.com">
2020
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2121
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Noto+Sans+JP:wght@500;700;900&display=swap" rel="stylesheet">
@@ -28,12 +28,12 @@
2828
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
2929
<meta property="og:type" content="website">
3030
<meta property="og:site_name" content="PLOTFLOW">
31-
<meta property="og:title" content="PLOTFLOW · マシンドロー">
31+
<meta property="og:title" content="PLOTFLOW* · Pen-plotter editions">
3232
<meta property="og:description" content="PLOTFLOW is an independent pen-plotter studio. Universal-Century mobile suits drawn in ink by machine. Limited editions, signed and numbered.">
3333
<meta property="og:url" content="https://plotflow.io/">
3434
<meta property="og:image" content="https://plotflow.io/assets/og.png">
3535
<meta name="twitter:card" content="summary_large_image">
36-
<meta name="twitter:title" content="PLOTFLOW · マシンドロー">
36+
<meta name="twitter:title" content="PLOTFLOW* · Pen-plotter editions">
3737
<meta name="twitter:description" content="PLOTFLOW is an independent pen-plotter studio. Universal-Century mobile suits drawn in ink by machine. Limited editions, signed and numbered.">
3838
<meta name="twitter:image" content="https://plotflow.io/assets/og.png">
3939
</head>
@@ -88,10 +88,6 @@ <h5>MACHINE STATE · <b>PLOTTING</b></h5>
8888
<path id="pen-x" d="" stroke="#15140f" stroke-width="1.6" vector-effect="non-scaling-stroke"></path>
8989
</g>
9090
</svg>
91-
<div class="pf-cap">
92-
<h2 class="jpcap">マシンドロー</h2>
93-
<p>DRAWN BY MACHINE · EST. 2026</p>
94-
</div>
9591
</div>
9692

9793
<aside class="pf-card">
@@ -117,14 +113,14 @@ <h2 class="jpcap">マシンドロー</h2>
117113
<div class="pf-status">
118114
<span>PEN 0.3 MM · RED</span><span>FEED 1100 MM/MIN</span><span>SHEET 11×14″ BRISTOL</span>
119115
<span class="sp"></span>
120-
<span>AXIDRAW · SIMULATED</span><span class="jp">マシンドロー</span>
116+
<span>AXIDRAW · SIMULATED</span>
121117
</div>
122118

123119
<!-- MANIFESTO -->
124120
<section class="mani">
125121
<div class="grain"></div>
126122
<div class="wrap mani-in">
127-
<div><h2>Drawn by<br>machine<span class="star">.</span></h2><div class="jp">マシンドロー</div></div>
123+
<div><h2>The<br>machine<span class="star">.</span></h2><div class="jp">ペンプロッター</div></div>
128124
<p>Each mobile suit is rebuilt as vector line work and drawn by an AxiDraw plotter in pigment ink on Strathmore Bristol. Ink flow varies with temperature, humidity, and feed rate, so no two copies are identical. Each sheet is inspected, signed, and numbered.</p>
129125
</div>
130126
</section>
@@ -174,14 +170,13 @@ <h2>Notifications<span class="star">*</span></h2>
174170
<footer>
175171
<div class="grain"></div>
176172
<div class="wrap">
177-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
178173
<div class="foot-cols">
179174
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="commissions.html">Commissions</a></div>
180175
<div class="fc"><h5>Studio*</h5><a href="#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
181176
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
182-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
177+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
183178
</div>
184-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
179+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
185180
</div>
186181
</footer>
187182

‎preview.html‎

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</script>
1616
<script src="scripts/consent.js" defer></script>
1717
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
18-
<title>PLOTFLOW · マシンドロー</title>
18+
<title>PLOTFLOW* · Pen-plotter editions (preview)</title>
1919
<link rel="preconnect" href="https://fonts.googleapis.com">
2020
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2121
<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Noto+Sans+JP:wght@500;700;900&display=swap" rel="stylesheet">
@@ -179,12 +179,12 @@
179179
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
180180
<meta property="og:type" content="website">
181181
<meta property="og:site_name" content="PLOTFLOW">
182-
<meta property="og:title" content="PLOTFLOW · マシンドロー">
182+
<meta property="og:title" content="PLOTFLOW* · Pen-plotter editions">
183183
<meta property="og:description" content="PLOTFLOW design preview.">
184184
<meta property="og:url" content="https://plotflow.io/preview.html">
185185
<meta property="og:image" content="https://plotflow.io/assets/og.png">
186186
<meta name="twitter:card" content="summary_large_image">
187-
<meta name="twitter:title" content="PLOTFLOW · マシンドロー">
187+
<meta name="twitter:title" content="PLOTFLOW* · Pen-plotter editions">
188188
<meta name="twitter:description" content="PLOTFLOW design preview.">
189189
<meta name="twitter:image" content="https://plotflow.io/assets/og.png">
190190
</head>
@@ -205,7 +205,7 @@
205205

206206
<div class="hero-head">
207207
<h1>PLOTFLOW<span class="s">*</span></h1>
208-
<div class="sub">independent pen-plotter studio <b>//</b> mobile suit editions, drawn by machine <b>//</b> プロットフロー</div>
208+
<div class="sub">independent pen-plotter studio <b>//</b> machine-drawn mobile suit editions <b>//</b> プロットフロー</div>
209209
</div>
210210

211211
<div class="hud num">
@@ -231,8 +231,8 @@ <h1>PLOTFLOW<span class="s">*</span></h1>
231231
</div>
232232

233233
<div class="hero-jp">
234-
<div class="k jp">マシンドロー</div>
235-
<div class="e">Drawn by machine</div>
234+
<div class="k jp">ペンプロッター</div>
235+
<div class="e">Live plot</div>
236236
</div>
237237
<div class="hero-collab">[ LIVE PLOT<span class="star">*</span> ]</div>
238238
<span class="ast-bug ast"><svg viewBox="0 0 100 100"><line x1="50" y1="6" x2="50" y2="94"/><line x1="6" y1="50" x2="94" y2="50"/><line x1="19" y1="19" x2="81" y2="81"/><line x1="81" y1="19" x2="19" y2="81"/></svg></span>
@@ -251,7 +251,7 @@ <h1>PLOTFLOW<span class="s">*</span></h1>
251251
<section class="mani">
252252
<div class="grain"></div>
253253
<div class="wrap mani-in">
254-
<div><h2>Drawn by<br>machine<span class="star">.</span></h2><div class="jp">マシンドロー</div></div>
254+
<div><h2>The<br>machine<span class="star">.</span></h2><div class="jp">ペンプロッター</div></div>
255255
<p>Each mobile suit is rebuilt as vector line work and drawn by an AxiDraw plotter in pigment ink on Strathmore Bristol. Ink flow varies with temperature, humidity, and feed rate, so no two copies are identical. Each sheet is inspected, signed, and numbered.</p>
256256
</div>
257257
</section>
@@ -282,14 +282,13 @@ <h2>Current Editions<span class="star">*</span></h2><span class="jp">作品</spa
282282
<footer>
283283
<div class="grain"></div>
284284
<div class="wrap">
285-
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
286285
<div class="foot-cols">
287286
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="#">Mobile suits</a><a href="#">Commissions</a></div>
288287
<div class="fc"><h5>Studio*</h5><a href="#process">Process</a><a href="#">About</a><a href="#">Contact</a></div>
289288
<div class="fc"><h5>Info*</h5><a href="#">Shipping</a><a href="#">Returns</a><a href="#">FAQ</a></div>
290-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
289+
<div class="fc"><h5>Elsewhere*</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
291290
</div>
292-
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
291+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>AXIDRAW · PIGMENT INK · BRISTOL</span></div>
293292
</div>
294293
</footer>
295294

@@ -320,7 +319,7 @@ <h2>Current Editions<span class="star">*</span></h2><span class="jp">作品</spa
320319
<div class="name">${s.name}</div>
321320
<div class="jp">${it.jp}</div>
322321
<span class="ast star">${STAR}</span>
323-
<div class="foot"><span class="tiny">${s.code}</span><span class="tiny">マシンドロー</span></div>
322+
<div class="foot"><span class="tiny">${s.code}</span><span class="tiny">0.3 MM · BRISTOL</span></div>
324323
<button class="plotbtn" data-plot="${it.k}">▶ Plot</button>
325324
</div>
326325
<div class="buy"><div><div class="ed">${it.ed}</div><div class="t">${it.title}</div></div><div style="display:flex;align-items:center"><span class="pr">${it.pr}</span><button class="acq">Acquire</button></div></div>`;

0 commit comments

Comments
 (0)