BRAND
ブランドガイドライン
報道や紹介記事、パートナー一覧への掲載に使える、秀峰株式会社のロゴをまとめています。ダウンロードのうえ、下記の使用ルールに沿ってご利用ください。
ロゴデータ
SVG・PNG・WebP をダウンロードできます。PNG と WebP は長辺 2048px。背景は透過ですが、アプリアイコンには角丸の背景が付いています。
シンボルの構成
二つの峰は、100 × 100 のグリッド上にある 5 点を結んだ形です。下の図で各点の位置と、16px まで縮小したときの見え方を確認できます。
構成 · 100 × 100 グリッド
- 左底
- 6, 82
- 主峰
- 40, 24
- 谷
- 61, 60
- 次峰
- 71, 43
- 右底
- 94, 82
サイズ別の表示例
48px
32px
20px
16px
カラーと背景
基本色は黒（#111111）と白（#FFFFFF）です。下でロゴと背景の色を変えて、見え方を確認できます。SVG には選んだロゴの色が反映され、背景は透過のままです。
Web での使い方
ダウンロードしたファイルを使うほか、以下のコードでロゴの URL を直接指定できます。
HTML
<img src="https://show.ad.jp/logo/lockup-black.svg" alt="秀峰株式会社" height="32">ダークモード対応
<picture>
<source srcset="https://show.ad.jp/logo/lockup-white.svg" media="(prefers-color-scheme: dark)">
<img src="https://show.ad.jp/logo/lockup-black.svg" alt="秀峰株式会社" height="32">
</picture>Markdown
余白
ロゴの周囲には、シンボルの高さの 1/2 以上の余白を確保してください。
最小サイズ
社名付きロゴは幅 120px 以上、シンボルとアイコンは 16px 以上で表示してください。
使用時のポイント
- 明るい背景には黒、暗い背景には白のロゴを使う
- 色を変える場合は、背景とのコントラストを十分に確保する
- 拡大・縮小は縦横比を保ったまま行う
- Web や拡大縮小が必要な場面では SVG を使う
避けていただきたい使い方
- 変形・回転・縦横比の変更
- 影・縁取り・グラデーションなどの効果を加える
- ロゴが見えにくくなる写真や柄、背景色の上に置く
- シンボルと社名の配置や比率を組み替える
ここにない形式やサイズが必要な場合はお問い合わせください