面色は 墨 #333333 と生成り #fffef8 だけ。差し色はランキングバッジの金茶のみ。
色スキームは 3 つだけ。1 と 3 の違いは地色(#ffffff ↔ #fffef8)のみ。
実サイトに現れる緑(#0f571e / #72a95a)と #222222 は Shopify アプリの既定色で、テーマには存在しない。「茶商だから緑がブランド色」と推測せず、ボタンは墨 #333333 を使う。
明朝 Light(300) が既定。自己ホストは 300 / 500 の 2 ウェイトだけ。階層は太さではなく「大きさ + 字間」で作る。行間は本文 1.8、見出し 1.3。font-feature-settings は normal(palt を使わない)。1rem = 10px。
0.5em 以上の字間は最後の 1 文字の後ろにもアキが付く。中央揃えにするときは margin-right: -0.5em(1.0em なら -1em)で補正する。このプレビューの見出しはその補正を入れている。
地色は生成り #fffef8(scheme-3)。カードは罫なし・radius 0・影なし・テキスト左揃え。グリッドのガターは 8px。
radius は 0(--buttons-radius: 0px)、影なし(--buttons-shadow-opacity: 0.0)。ウェイトは 300。
写真の上(scheme-4 相当)。
角丸を持つのは例外の 3 つだけ。検索フィールド(100px)・ランキングバッジ(50%)・バリアントピル(40px)。
Default
Focus
Error
入力欄は 16px / w400(iOS の自動ズーム回避)、罫 1px solid rgba(51,51,51,.55)、radius 0。ラベルは 16px / w300 / rgba(51,51,51,.75) / ls 1px。
テーマ変数レベルで影を全部切っている(--buttons- / --inputs- / --media- / --product-card- / --popup- / --drawer- / --variant-pills-shadow-opacity がすべて 0.0)。階層は罫の濃度差と地色の差で作る。
実サイトで観測される影(0 0 25px rgba(0,0,0,.2) 等)はすべて第三者アプリが持ち込んだもの。テーマの設計は影ゼロ。
コンテナは --page-width: 130rem = 1300px。セクション間の隙間は 0(--spacing-sections-desktop: 0px)で、余白は各ブロックの内側で取る。
角丸。全域 0。例外は 100px(検索)/ 50%(ランキング)/ 40px(バリアントピル・バッジ)。
ブレークポイントは Shopify Dawn 由来の min-width: 750px / 990px が主軸。独自追加(768 / 960 / 600 / 480 / 400px)が併存するので、移植時は 750 / 990 に寄せるのが素直。h1 のみ clamp(56px, 14vw, 72px) の流体で、他は段切り。本文 15px は変えない。