ブランドガイド

ロゴ・カラー・タイポグラフィの基本ルール。記事掲載や紹介資料に。

ロゴ / アイコン

TuneFerry App Icon

TuneFerry App Icon (現行 TestFlight ビルドに使用)。

tuneferry-app-icon-1024.png をダウンロード

縦横比 1:1。背景透過なし。角丸は OS 側で自動付与されます。

記事内で使用する場合は周囲に余白を確保し、改変・拡張・カラー変更は行わないでください。掲載に問題があれば dsgarage@gmail.com までご連絡ください。

カラーパレット

UI で使用しているメインカラー。本ウェブサイトと App の見た目に揃えています。

Background
#0A0E14
Surface (Elevated)
#131A23
Card
#1B242F
Accent
#4F9DFF
Warn
#FF9F43
Success
#4BD37C

タイポグラフィ

UI と Web で San Francisco / Hiragino Sans / Yu Gothic を使用。Web 側の font-family は以下:

font-family: -apple-system, BlinkMacSystemFont,
  'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
  'Yu Gothic Medium', 'Yu Gothic',
  'Helvetica Neue', Arial, sans-serif;

使用上の注意

  • ロゴ・アイコンの色を変更しない (グレースケール化等は不可)。
  • ロゴと別の素材を結合した派生ロゴを作らない。
  • 「TuneFerry」の表記は半角英字 + キャメルケース固定 (Tuneferry / TUNEFERRY 不可)。
  • 本資料は dsgarage が著作権を保有します。記事掲載やレビュー目的の引用は無償でご利用いただけます。