Skip to content

Commit ff181ac

Browse files
ddyson1ddyson1
authored
Merge pull request #3 from plotflow/claude/nifty-noether-TWhTu
Add footer pages and enlarge card art
2 parents f9aef9e + f53bad3 commit ff181ac

8 files changed

Lines changed: 473 additions & 4 deletions

File tree

‎commissions.html‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
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.0" />
6+
<title>Commissions — PLOTFLOW*</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="styles/tokens.css">
11+
<link rel="stylesheet" href="styles/styles.css">
12+
</head>
13+
<body>
14+
15+
<nav><div class="nav-in">
16+
<a href="/" class="brand">Plotflow<i>*</i></a>
17+
<div style="display:flex;align-items:center;gap:16px">
18+
<div class="nav-links"><a href="/#shop">The Work</a><a href="/#process">Process</a><a href="/#feature">Live Plot</a></div>
19+
<button class="cart">Cart [0]</button>
20+
</div>
21+
</div></nav>
22+
23+
<section class="page">
24+
<div class="wrap">
25+
<div class="page-head">
26+
<h1>Commissions<span class="star">*</span></h1>
27+
<div class="jp">特注制作</div>
28+
</div>
29+
<div class="page-body">
30+
<h3>Custom Work</h3>
31+
<p>We accept a limited number of commissions for custom plotter art. If you have a mobile suit — or another subject — that you'd like drawn as a one-continuous-line piece, we'd love to discuss it.</p>
32+
33+
<h3>What We Offer</h3>
34+
<ul>
35+
<li><strong>Custom mobile suit editions</strong> — any Universal-Century suit rebuilt as a single unbroken path</li>
36+
<li><strong>One-of-one pieces</strong> — unique commissions that are not part of any edition run</li>
37+
<li><strong>Custom sizes</strong> — from A4 to A1 and beyond</li>
38+
<li><strong>Ink and paper options</strong> — we can work with different pen colors and paper stocks within archival-grade materials</li>
39+
</ul>
40+
41+
<h3>Process</h3>
42+
<ol>
43+
<li><strong>Inquiry</strong> — Email us with your subject, preferred size, and any reference material</li>
44+
<li><strong>Quote</strong> — We'll respond with pricing, timeline, and feasibility notes</li>
45+
<li><strong>Vectorize</strong> — Once approved, we rebuild the subject as a continuous vector path</li>
46+
<li><strong>Approval</strong> — You review a digital preview of the path before plotting</li>
47+
<li><strong>Plot</strong> — The piece is drawn, inspected, signed, and shipped</li>
48+
</ol>
49+
50+
<h3>Pricing</h3>
51+
<p>Commission pricing varies based on subject complexity, size, and turnaround. Custom pieces typically start at $350 for an A3 format. We'll provide a firm quote before any work begins.</p>
52+
53+
<h3>Get Started</h3>
54+
<p>Email <a href="mailto:hello@plotflow.io" style="color:var(--red)">hello@plotflow.io</a> with the subject line "Commission Inquiry" and tell us what you have in mind.</p>
55+
</div>
56+
</div>
57+
</section>
58+
59+
<footer>
60+
<div class="grain"></div>
61+
<div class="wrap">
62+
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
63+
<div class="foot-cols">
64+
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
65+
<div class="fc"><h5>House*</h5><a href="/#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
66+
<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>
67+
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
68+
</div>
69+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>
70+
</div>
71+
</footer>
72+
73+
</body>
74+
</html>

‎contact.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
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.0" />
6+
<title>Contact — PLOTFLOW*</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="styles/tokens.css">
11+
<link rel="stylesheet" href="styles/styles.css">
12+
</head>
13+
<body>
14+
15+
<nav><div class="nav-in">
16+
<a href="/" class="brand">Plotflow<i>*</i></a>
17+
<div style="display:flex;align-items:center;gap:16px">
18+
<div class="nav-links"><a href="/#shop">The Work</a><a href="/#process">Process</a><a href="/#feature">Live Plot</a></div>
19+
<button class="cart">Cart [0]</button>
20+
</div>
21+
</div></nav>
22+
23+
<section class="page">
24+
<div class="wrap">
25+
<div class="page-head">
26+
<h1>Contact<span class="star">*</span></h1>
27+
<div class="jp">お問い合わせ</div>
28+
</div>
29+
<div class="page-body">
30+
<h3>Get in Touch</h3>
31+
<p>For questions about orders, editions, commissions, or anything else — we'd love to hear from you.</p>
32+
33+
<div class="contact-block">
34+
<div class="contact-item">
35+
<span class="tiny">Email</span>
36+
<a href="mailto:hello@plotflow.io" class="contact-link">hello@plotflow.io</a>
37+
</div>
38+
<div class="contact-item">
39+
<span class="tiny">Instagram</span>
40+
<a href="#" class="contact-link">@plotflow</a>
41+
</div>
42+
</div>
43+
44+
<h3>Response Time</h3>
45+
<p>We typically respond within 24 – 48 hours. For urgent order issues, please include your order number in the subject line.</p>
46+
47+
<h3>Commissions</h3>
48+
<p>Interested in a custom piece? Visit our <a href="commissions.html" style="color:var(--red)">Commissions</a> page for details on custom work, or email us directly with your idea.</p>
49+
50+
<h3>Studio</h3>
51+
<p>PlotFlow Art House<br>Plotted in the U.S.A.</p>
52+
</div>
53+
</div>
54+
</section>
55+
56+
<footer>
57+
<div class="grain"></div>
58+
<div class="wrap">
59+
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
60+
<div class="foot-cols">
61+
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
62+
<div class="fc"><h5>House*</h5><a href="/#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
63+
<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>
64+
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
65+
</div>
66+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>
67+
</div>
68+
</footer>
69+
70+
</body>
71+
</html>

‎faq.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
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.0" />
6+
<title>FAQ — PLOTFLOW*</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="styles/tokens.css">
11+
<link rel="stylesheet" href="styles/styles.css">
12+
</head>
13+
<body>
14+
15+
<nav><div class="nav-in">
16+
<a href="/" class="brand">Plotflow<i>*</i></a>
17+
<div style="display:flex;align-items:center;gap:16px">
18+
<div class="nav-links"><a href="/#shop">The Work</a><a href="/#process">Process</a><a href="/#feature">Live Plot</a></div>
19+
<button class="cart">Cart [0]</button>
20+
</div>
21+
</div></nav>
22+
23+
<section class="page">
24+
<div class="wrap">
25+
<div class="page-head">
26+
<h1>FAQ<span class="star">*</span></h1>
27+
<div class="jp">よくある質問</div>
28+
</div>
29+
<div class="page-body faq">
30+
<div class="qa">
31+
<h3>What is a pen plotter?</h3>
32+
<p>A pen plotter is a machine that holds a real pen and draws on paper by moving along precise coordinates. Unlike a printer, it physically draws each line — the result is a genuine ink drawing, not a reproduction.</p>
33+
</div>
34+
35+
<div class="qa">
36+
<h3>What does "one continuous line" mean?</h3>
37+
<p>一筆書き (hitofudegaki) — every mobile suit is rebuilt as a single unbroken vector path. The plotter draws the entire piece without lifting the pen. One line, start to finish.</p>
38+
</div>
39+
40+
<div class="qa">
41+
<h3>Are these prints?</h3>
42+
<p>No. Every edition is drawn, not printed. The AxiDraw plotter traces the path in technical pen on archival paper. Because of the physical medium, no two pieces in an edition are ever perfectly identical.</p>
43+
</div>
44+
45+
<div class="qa">
46+
<h3>What paper and ink do you use?</h3>
47+
<p>We use 300gsm archival cotton stock with pigment-based technical pens (typically Sakura Pigma Micron or Staedtler Pigment Liner). Both paper and ink are acid-free and lightfast.</p>
48+
</div>
49+
50+
<div class="qa">
51+
<h3>How long does a plot take?</h3>
52+
<p>Depends on the complexity and size. A standard A3 edition typically runs 30 – 90 minutes. Larger A1 pieces can take several hours. You can watch the timing live on the <a href="/#feature" style="color:var(--red)">Live Plot</a> on our homepage.</p>
53+
</div>
54+
55+
<div class="qa">
56+
<h3>What sizes are available?</h3>
57+
<p>Current editions are offered in A3 (297 × 420mm). Select editions may be available in A1 (594 × 841mm) — check the edition listing for details.</p>
58+
</div>
59+
60+
<div class="qa">
61+
<h3>How are editions numbered?</h3>
62+
<p>Each edition has a fixed run size (e.g. "Edition of 50"). Pieces are numbered sequentially as they are plotted and sold. Once an edition sells out, it is retired.</p>
63+
</div>
64+
65+
<div class="qa">
66+
<h3>Do you take commissions?</h3>
67+
<p>Yes. We accept commissions for custom mobile suit plots and other subjects. Visit our <a href="commissions.html" style="color:var(--red)">Commissions</a> page for details.</p>
68+
</div>
69+
70+
<div class="qa">
71+
<h3>Do you ship internationally?</h3>
72+
<p>Yes. We ship worldwide with tracked, insured carriers. See our <a href="shipping.html" style="color:var(--red)">Shipping</a> page for full details.</p>
73+
</div>
74+
75+
<div class="qa">
76+
<h3>Can I return a piece?</h3>
77+
<p>Because each piece is made to order, we cannot accept returns for change of mind. We do replace pieces damaged in transit. See our <a href="returns.html" style="color:var(--red)">Returns</a> policy.</p>
78+
</div>
79+
</div>
80+
</div>
81+
</section>
82+
83+
<footer>
84+
<div class="grain"></div>
85+
<div class="wrap">
86+
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
87+
<div class="foot-cols">
88+
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
89+
<div class="fc"><h5>House*</h5><a href="/#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
90+
<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>
91+
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
92+
</div>
93+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>
94+
</div>
95+
</footer>
96+
97+
</body>
98+
</html>

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,9 +106,9 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
106106
<div class="wrap">
107107
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
108108
<div class="foot-cols">
109-
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="#">Mobile suits</a><a href="#">Commissions</a></div>
110-
<div class="fc"><h5>House*</h5><a href="#process">Process</a><a href="#">Manifesto</a><a href="#">Contact</a></div>
111-
<div class="fc"><h5>Info*</h5><a href="#">Shipping</a><a href="#">Returns</a><a href="#">FAQ</a></div>
109+
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="commissions.html">Commissions</a></div>
110+
<div class="fc"><h5>House*</h5><a href="#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
111+
<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>
112112
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
113113
</div>
114114
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>

‎manifesto.html‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
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.0" />
6+
<title>Manifesto — PLOTFLOW*</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="styles/tokens.css">
11+
<link rel="stylesheet" href="styles/styles.css">
12+
</head>
13+
<body>
14+
15+
<nav><div class="nav-in">
16+
<a href="/" class="brand">Plotflow<i>*</i></a>
17+
<div style="display:flex;align-items:center;gap:16px">
18+
<div class="nav-links"><a href="/#shop">The Work</a><a href="/#process">Process</a><a href="/#feature">Live Plot</a></div>
19+
<button class="cart">Cart [0]</button>
20+
</div>
21+
</div></nav>
22+
23+
<section class="page">
24+
<div class="wrap">
25+
<div class="page-head">
26+
<h1>Manifesto<span class="star">*</span></h1>
27+
<div class="jp">宣言</div>
28+
</div>
29+
<div class="page-body manifesto">
30+
<blockquote>
31+
<p>Drawn, not printed.</p>
32+
</blockquote>
33+
34+
<p>We believe a machine can make art — not by simulating it, but by performing it. A pen plotter doesn't reproduce an image. It draws one. The distinction matters.</p>
35+
36+
<p>Every PlotFlow edition begins as a single unbroken vector path — 一筆書き, <em>hitofudegaki</em>, one continuous line. The pen never lifts. There are no breaks, no layers, no shortcuts. What the machine draws is what the machine drew: a physical record of movement through space and time.</p>
37+
38+
<p>We chose the hardest constraint on purpose. A continuous line forces every detail to connect — nothing is isolated, nothing is separate. The suit exists as one gesture. This is not a limitation. It is the work.</p>
39+
40+
<p>The medium itself is honest. Technical pen on archival paper. Ink flows at a rate determined by gravity, temperature, humidity, and the speed of the carriage. No two runs are identical, even from the same path data. Minor variation in line weight, ink saturation, and pen behavior is a feature of the process — never a flaw.</p>
41+
42+
<p>We don't print. We don't reproduce. We plot. Each piece is drawn once, for one person, signed, and numbered. When an edition sells out, it is retired. The path data remains, but the physical run is finished.</p>
43+
44+
<p>PlotFlow exists at the intersection of precision engineering and analog craft. The machine is the tool. The constraint is the art. The ink is the proof.</p>
45+
46+
<blockquote>
47+
<p>機械仕掛けの一筆書き<br><em>One continuous line, drawn by machine.</em></p>
48+
</blockquote>
49+
</div>
50+
</div>
51+
</section>
52+
53+
<footer>
54+
<div class="grain"></div>
55+
<div class="wrap">
56+
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
57+
<div class="foot-cols">
58+
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
59+
<div class="fc"><h5>House*</h5><a href="/#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
60+
<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>
61+
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
62+
</div>
63+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>
64+
</div>
65+
</footer>
66+
67+
</body>
68+
</html>

‎returns.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
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.0" />
6+
<title>Returns — PLOTFLOW*</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="styles/tokens.css">
11+
<link rel="stylesheet" href="styles/styles.css">
12+
</head>
13+
<body>
14+
15+
<nav><div class="nav-in">
16+
<a href="/" class="brand">Plotflow<i>*</i></a>
17+
<div style="display:flex;align-items:center;gap:16px">
18+
<div class="nav-links"><a href="/#shop">The Work</a><a href="/#process">Process</a><a href="/#feature">Live Plot</a></div>
19+
<button class="cart">Cart [0]</button>
20+
</div>
21+
</div></nav>
22+
23+
<section class="page">
24+
<div class="wrap">
25+
<div class="page-head">
26+
<h1>Returns<span class="star">*</span></h1>
27+
<div class="jp">返品</div>
28+
</div>
29+
<div class="page-body">
30+
<h3>Our Guarantee</h3>
31+
<p>Every piece leaves the studio inspected and in perfect condition. If your edition arrives damaged, we will replace it at no additional cost.</p>
32+
33+
<h3>Damaged in Transit</h3>
34+
<p>If your piece arrives damaged, please contact us within 7 days of delivery with photographs of the damage and packaging. We will arrange a replacement as quickly as possible.</p>
35+
<ul>
36+
<li>Email <strong>hello@plotflow.io</strong> with your order number and photos</li>
37+
<li>Do not discard the original packaging until the claim is resolved</li>
38+
</ul>
39+
40+
<h3>Made-to-Order Policy</h3>
41+
<p>Because each edition is plotted to order — drawn specifically for you — we cannot accept returns for change of mind. Every piece is a unique physical impression; once the plotter runs, it cannot be undone.</p>
42+
43+
<h3>Cancellations</h3>
44+
<p>Orders may be cancelled within 24 hours of purchase, provided production has not yet begun. Contact us as soon as possible and we will do our best to accommodate your request.</p>
45+
</div>
46+
</div>
47+
</section>
48+
49+
<footer>
50+
<div class="grain"></div>
51+
<div class="wrap">
52+
<div class="foot-mast">PLOTFLOW<span class="s">*</span></div>
53+
<div class="foot-cols">
54+
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
55+
<div class="fc"><h5>House*</h5><a href="/#process">Process</a><a href="manifesto.html">Manifesto</a><a href="contact.html">Contact</a></div>
56+
<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>
57+
<div class="fc"><h5>一筆書き</h5><a href="#">@plotflow</a><a href="#">Newsletter</a><a href="#">est. 2026</a></div>
58+
</div>
59+
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW ART HOUSE* — PLOTTED IN THE U.S.A.</span><span>一筆書き · ONE CONTINUOUS LINE</span></div>
60+
</div>
61+
</footer>
62+
63+
</body>
64+
</html>

0 commit comments

Comments
 (0)