7月29日(水) ◎ 本日開館 9:00 - 17:00 青森県十和田市西二番町10-9 Ja En Cn Tw Ko
Arts Towada
十和田市現代美術館
Towada Art Center
01 — COLORS

カラーパレット

十和田の空から引いたスカイブルー 2 段と、開館バッジ専用のコーラル 1 色。本文は純黒ではなく #565656。ページ全体を囲む 12px の枠はつねに #53c1e4 で固定し、コンテンツに合わせて色を変えない。

Towada Sky
#53c1e4
額縁・ナビ現在地・ページトップ
Towada Sky Pale
#c1e9f5
ヒーロー地・フッター
Coral
#ff7e74
開館バッジ専用。唯一の暖色
Ink
#565656
本文・見出し(純黒ではない)
Gray 50
#f1f1f1
画像プレースホルダ
Gray 100
#ededed
区切りの薄面・罫
Background
#ffffff
ページ地色

02 — TYPOGRAPHY

タイポグラフィ

和文は A-OTF 中ゴシック BBB Pr6N、欧文は Plain。font-weight はサイト全域で 400、font-feature-settings は "palt" が全域、letter-spacing は全域 normal。階層はサイズだけで作る。

開催中・今後の企画展
Section Title · 中ゴ BBB · 31.2px · weight 400 · lh 1.35 (42px) · ls normal · "palt"
椿昇 フリーダム ― 像(ゾウ)と生きる
Exhibition Title · 中ゴ BBB · 21.6px · weight 400 · lh 1.39 (30px) · ls normal · "palt"
本文(既定)— 十和田市現代美術館は、アートが日常のなかにある風景をつくる美術館です。館内外に常設された作品は、まちの通りへと連続しています。
Body · 中ゴ BBB · 16.8px · weight 400 · lh 1.64 (27.6px) · ls normal · "palt"
ご利用案内 美術館について コレクション
Nav Item · 中ゴ BBB · 14.4px · weight 400 · lh 1.2 (17.28px) · padding 0 14.4px
7月29日(水) ◎ 本日開館 9:00 - 17:00
Meta / Badge · 12px · weight 400 · lh 36px — これは高さ指定であって行送りではない。本文に流用しないこと
Aa
12
Aa
14.4
Aa
16.8
Aa
21.6
Aa
31.2
Size Scale · 1.2 倍の等比階層(12 × 1.2 = 14.4、14.4 × 1.2 = 16.8 …)。半端な実測値はこの掛け算から出ている

03 — EXHIBITION

組版サンプル

椿昇 フリーダム ― 像(ゾウ)と生きる

企画展 / 2026年4月18日(土)― 9月23日(水・祝)/ 企画展示室

展覧会について

十和田市現代美術館では、社会と美術の関係を問い続けてきた作家・椿昇の個展を開催します。本展では、巨大なバルーン作品を中心に、まちの通りと美術館をつなぐ新作を発表します。

会場は、常設作品の並ぶ展示室群と屋外の芝生を行き来しながら巡る構成です。屋外の作品は開館時間外もご覧いただけます。開館時間・観覧料はこちら

関連イベント

会期中の毎週土曜日、作家によるアーティストトークを行います。参加は無料ですが、事前のお申し込みが必要です。所要時間は約 60 分です。


04 — BUTTONS & BADGES

ボタンとバッジ

角丸は全要素 0px。CTA はスカイブルーのベタか、面を持たない文字リンクの 2 択。開館状況バッジは開館時コーラル、休館時グレーで、記号(◎ / ×)を必ず文言に含める。


05 — CARDS

展覧会カード

画像 → 展覧会名(21.6px)→ 会期(16.8px)の順に積む。角丸は 0px で、画像も角を落とさない。影は使わない。

椿昇 フリーダム
2026年4月18日(土)― 9月23日(水・祝)
ティーチャーズ・ウィーク
2026年8月5日(水)― 8月12日(水)
コレクション展
通年(展示替えあり)
アート広場のあそび方
通年・屋外

06 — FORMS

フォーム

デフォルト / フォーカス / エラーの3状態。角丸 0px、フォーカスはスカイブルーの罫。入力欄だけ font-feature-settings を normal に戻す(palt が入力値の字送りに干渉するため)。

正しい電話番号を入力してください。
送信する

07 — ELEVATION

奥行き

実測ではほぼ全要素が box-shadow: none。奥行きは「白 → #f1f1f1 → #c1e9f5 → #53c1e4」の 4 段の面と、額縁の z-index: 9 で表現する。

Level 0
#ffffff(既定・罫線のみ)
Level 1
#f1f1f1(面色差で分離)
Level 2
#c1e9f5(ヒーロー・フッター)
Level 3
#53c1e4(額縁・CTA・現在地)
額縁の内側にすべてのコンテンツが収まる
Frame · #53c1e4 / 12px / z-index 9(上辺 absolute・左右下辺 fixed)。ヘッダーより前面に置く

08 — LAYOUT

スペーシング

枠 12px を最小単位に、12 / 14.4 / 24 / 36 / 48 / 72px。タイポの 1.2 倍階層(12 × 1.2 = 14.4)が余白側にも効いている。コンテナは固定の最大幅を持たず、ヒーローと画像は全幅ブリードする。

Frame 12
S 14.4
M 24
L 36
XL 48
XXL 72