Contact
ONLINE SHOP

大橋量器は古くから続く枡製作の技術を守りつつ、
量りや酒器といったこれまでの枡の概念を覆し、
ワクワクと心躍る製品づくりを目指します。

毎日を、
ますます楽しく。

01 / Colors
Color

紺と赤、淡い面がひとつ

面として使う色は #eff2f5 と紺の 2 つだけ。赤 #d62116 はページ末尾の CTA ただ 1 要素にしか出てこない。紺が 2 つ・赤が 2 つあるのは実装の実態で、肉眼では区別できない差。

Navy
#1f284e
★見出し・英字ラベル。可視 40 要素
Navy Deep
#1b244a
CTA セクションの面・ボタンの枠線。可視 6 要素
Red(CTA)
#d62116
★可視 1 要素。600×210px の面だけ
Logo Red
#da2616
ロゴ SVG の fill 専用
Black
#000000
★本文。可視 91 要素。純黒を使う
Surface
#eff2f5
★青みの淡い面。可視 22 要素
Gray
#e6e6e6
ドット非アクティブ+ずらし影の色
Title Band
#eeeeee
下層のページタイトル帯

CSS Custom Properties は 0 個。設計トークンは存在せず、値は CSS に直接書かれている。トップはヒーロー写真がビューポートを覆う(heroCover: true)が、ページの地色は白(pageBackground.resolved の根拠は body)。

Typography

秀英角ゴシック銀を M と B で使い分ける

和文は TypeSquare(モリサワ)配信の 秀英角ゴシック銀 1 書体。本文は M(可視 69 要素)、見出しは B(可視 53 要素)。太さは font-weight ではなくファミリー名で切り替える。欧文は Poppins(可視 34 要素)。

121415 161824 25.628 32 36 48
Page Title秀英角ゴシック銀 B / 48px / 700
lh 1.40 / ls 1.28px(継承)
枡づくりの特長
Hero Heading ★秀英角ゴシック銀 B / 36px / 700
lh 1.40 / 縦組み
毎日を、ますます楽しく。
Section Heading秀英角ゴシック銀 B / 32px / 700
lh 1.70 / ls .1em
枡の技術と文化を次の世代に残したい
Card Heading秀英角ゴシック銀 M / 25.6px / 700
lh 1.40 / ls .1em
エコ加湿器マスト
Eyebrow(英字)Poppins / 28px / 400
lh 1.20
Information
Sub Heading秀英角ゴシック銀 B / 18px / 700
lh 1.40
酒器シリーズ
Body ★秀英角ゴシック銀 M / 16px / 500
lh 2.00 / ls .08em
私どもは枡の生産量全国シェア80%を誇る岐阜県大垣市で、枡をつくり続けてきました。伝統的な用途にとらわれない“MASU”を企画・発信しています。
Label秀英角ゴシック銀 B / 16px / 700
lh 1.40 / ls .1em
このようなご相談にお応えします
Nav秀英角ゴシック銀 M / 15px / 500
lh 2.00
ホーム 枡づくりの特長 商品 店舗
Caption秀英角ゴシック銀 M / 14px / 500
lh 2.00
2026.09.04 【重要】9/19〜9/23 臨時休業のお知らせ
Small秀英角ゴシック銀 M / 12px / 500
lh 2.00
1950年創業。国内シェアNO.1の枡専門メーカー

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)で切り替える。

03 / Components
Button

角丸ゼロ、影はずらし影だけ

border-radius はサイト全体で 0(例外はスライダーの丸ドットのみ)。影は 6px 6px 0 0 #e6e6e6 の 1 種類だけで、ぼかしが 0。版ずれのような平らな影になる。

Primary#d62116 / 白 / 24px / 500
600×210px / radius 0
お見積り・ご相談[無料]
Tel#eff2f5 / #1f284e / 16px / 700
600×210px / radius 0
お電話でのお問い合わせ0584-78-5468
Secondary ★1px solid #1b244a / 14px / 500
338×66px / shadow 6px 6px 0 0 #e6e6e6
商品一覧はこちら
Text Link#1f284e / 14px / 500
padding 2.52px 14px
▶ メディア掲載実績
▶ 枡ツーリズム

セカンダリの padding は左右非対称(18px 63px 18px 14px)。右の 63px は矢印のためのスペース。

Products

枠線も影も無いカード

写真と文字を縦に積むだけ。カードには枠も影も角丸も付けない。商品名は 25.6px / letter-spacing: .1em / 中央寄せ。

エコ加湿器マスト

水を入れるだけ。ひのきの香りとともに部屋をうるおす枡の加湿器。

HAKOMASU

蓋つきの枡。小物入れにも、贈りものの箱としても使える。

すいちょこ

枡とおちょこを組み合わせた酒器。木の香りが日本酒に移る。

05 / Forms
Form

実サイトに入力欄は無い

トップ・下層とも input / select / textarea の実測は 0 件。以下は他のコンポーネントに合わせた推奨実装で、角丸は 0 のまま、フォーカスは枠を赤く太くする。

全角でご記入ください
枠は 2px solid #d62116
角丸は付けない(radius 0)
Company

罫線は 1px のグレーだけ

商号有限会社 大橋量器
創業1950年
所在地岐阜県大垣市
事業内容枡の製造・販売、オリジナル名入れ加工、枡づくり体験
07 / Elevation & Layout
Depth

影は 1 種類、角丸は 0

Level 0
none
既定。カード・セクション・ヘッダー
Level 1
6px 6px 0 0 #e6e6e6
セカンダリボタンのみ(可視 8 要素)

ぼかし(blur)が 0。rgba(0,0,0,.1) 系のソフトシャドウに置き換えないこと。

1455px — フルブリード
1330px — ワイドコンテナ(ヘッダー・フッター)
1080px — 標準コンテナ
860px — 下層の本文カラム(12 要素で最多)

gap の実測は 0 件。カラムの余白はすべて margin で取っている(Flexbox + margin の旧来型)。

枡づくりの特長

feature
Contact

記念品やノベルティ、グッズなど大ロットのご注文も承ります。
お気軽にご相談ください。