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
64px

顏色與背景

預設使用黑色(#111111)和白色(#FFFFFF)。在下方調整標誌和背景顏色,即可預覽搭配效果。下載的 SVG 會採用所選的標誌顏色,背景仍為透明。

秀峰株式會社

在網頁中使用

可以下載檔案放到自己的網站,也可以複製下方程式碼,直接透過 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
![秀峰株式會社](https://show.ad.jp/logo/lockup-black.svg)

留白

標誌四周至少留出圖形高度一半的空白。

最小尺寸

組合標誌的寬度至少為 120px,圖形標誌和圖示至少為 16px。

使用建議

  • 淺色背景用黑色標誌,深色背景用白色標誌
  • 調整顏色後,保持標誌與背景清晰可辨
  • 縮放時保持原始比例
  • 網頁顯示或需要縮放時,優先使用 SVG

禁止

  • 拉伸、旋轉或改變比例
  • 加入陰影、描邊、漸層等效果
  • 使用會讓標誌難以辨認的照片、花紋或背景色
  • 調整圖形與公司名稱的位置或比例

需要這裡沒有的格式或尺寸?請聯絡我們