大橋量器は古くから続く枡製作の技術を守りつつ、
量りや酒器といったこれまでの枡の概念を覆し、
ワクワクと心躍る製品づくりを目指します。
面として使う色は #eff2f5 と紺の 2 つだけ。赤 #d62116 はページ末尾の CTA ただ 1 要素にしか出てこない。紺が 2 つ・赤が 2 つあるのは実装の実態で、肉眼では区別できない差。
CSS Custom Properties は 0 個。設計トークンは存在せず、値は CSS に直接書かれている。トップはヒーロー写真がビューポートを覆う(heroCover: true)が、ページの地色は白(pageBackground.resolved の根拠は body)。
和文は TypeSquare(モリサワ)配信の 秀英角ゴシック銀 1 書体。本文は M(可視 69 要素)、見出しは B(可視 53 要素)。太さは font-weight ではなくファミリー名で切り替える。欧文は Poppins(可視 34 要素)。
letter-spacing: .08em は body に 1 回だけ。computed は 1.28px で、サイズの違う要素すべてが 1.28px(実測 133 要素)。つまり em ではなく絶対値の継承。子要素で再宣言すると大きい文字だけ字間が開く。
line-height は単位なしの 2。16px→32px、15px→30px、14px→28px と各要素が再計算する。px で書き換えないこと。
font-feature-settings: "palt" を全面に(実測 591 要素)。字空け(.08em)と約物詰め(palt)を同時にかけるのがこのサイトの組み方。片方だけ真似しない。
TypeSquare の @font-face は font-weight: bold で注入される(書体の太さとは無関係)。そのため 秀英角ゴシック銀 M に font-weight: 700 を当てても太くならない。太さはファミリー名(M ↔ B)で切り替える。
border-radius はサイト全体で 0(例外はスライダーの丸ドットのみ)。影は 6px 6px 0 0 #e6e6e6 の 1 種類だけで、ぼかしが 0。版ずれのような平らな影になる。
セカンダリの padding は左右非対称(18px 63px 18px 14px)。右の 63px は矢印のためのスペース。
写真と文字を縦に積むだけ。カードには枠も影も角丸も付けない。商品名は 25.6px / letter-spacing: .1em / 中央寄せ。
水を入れるだけ。ひのきの香りとともに部屋をうるおす枡の加湿器。
蓋つきの枡。小物入れにも、贈りものの箱としても使える。
枡とおちょこを組み合わせた酒器。木の香りが日本酒に移る。
トップ・下層とも input / select / textarea の実測は 0 件。以下は他のコンポーネントに合わせた推奨実装で、角丸は 0 のまま、フォーカスは枠を赤く太くする。
| 商号 | 有限会社 大橋量器 |
|---|---|
| 創業 | 1950年 |
| 所在地 | 岐阜県大垣市 |
| 事業内容 | 枡の製造・販売、オリジナル名入れ加工、枡づくり体験 |
ぼかし(blur)が 0。rgba(0,0,0,.1) 系のソフトシャドウに置き換えないこと。
gap の実測は 0 件。カラムの余白はすべて margin で取っている(Flexbox + margin の旧来型)。