ブランドアセット
インテグレーション、マーケティング資料、プレス報道用のOmise公式ロゴ、決済バッジ、ブランドガイドラインをダウンロードできます。
概要
これらのOmise公式ブランドアセットを使用して、決済インテグレーションの紹介、チェックアウト時の信頼バッジの表示、またはマーケティング資料でのOmiseの掲載にご活用ください。
これらのアセットをダウンロードすることにより、ブランドガイドラインに従って使用することに同意したものとみなされます。適切な使用により、Omiseエコシステム全体での一貫性と信頼性が維持されます。
Omiseロゴ
OmiseロゴはOmiseとのインテグレーションを示すため、またはパートナーとして掲載する際にご使用ください。
ロゴプレビュー
ロゴバリエーション
| バリエーション | 用途 |
|---|---|
| プライマリ（フルカラー） | ほとんどの用途に推奨 |
| モノクロ（黒） | 暗い背景、印刷物 |
| モノクロ（白） | 暗い背景 |
| アイコンのみ | 小さいスペース、ファビコン |
ダウンロード
含まれるフォーマット:
- SVG（スケーラブル、Web用）
- PNG（透過、各種サイズ）
- PDF（印刷品質）
- EPS（ベクター、プロフェッショナルデザイン用）
ロゴガイドライン
推奨事項
- ✅ ロゴの周囲に十分な余白を確保する（最小パディングは「O」の高さと同等）
- ✅ サイズ変更時にアスペクト比を維持する
- ✅ 単色で目立たない背景の上に配置する
- ✅ 印刷物には高解像度バージョンを使用する
禁止事項
- ❌ ロゴを引き伸ばしたり歪めたりしない
- ❌ ロゴの色を変更しない
- ❌ エフェクト（影、グラデーション、アウトライン）を追加しない
- ❌ 複雑な背景やコントラストの低い背景に配置しない
- ❌ ロゴを回転または反転しない
- ❌ ロゴを再作成または変更しない
最小サイズ
| フォーマット | 最小幅 |
|---|---|
| デジタル（Web/アプリ） | 80px |
| 印刷 | 20mm |
クリアスペース
ロゴの周囲には、すべての側面で少なくとも「O」シンボルの高さと同等のクリアスペースを維持してください。
┌───────────────────┐
│ [spacing] │
│ ┌─────────────┐ │
│ │ OMISE LOGO │ │
│ └─────────────┘ │
│ [spacing] │
└───────────────────┘
決済バッジ
Omise決済バッジを決済ページに表示することで、お客様に安全な決済であること、信頼できるプロバイダーによって処理されていることを伝えることができます。
バッジプレビュー
バッジバリエーション
| バリエーション | 説明 |
|---|---|
| 「Powered by Omise」 | 決済ページ用の標準バッジ |
| 「Secure Payments by Omise」 | セキュリティを強調 |
| 「Pay with Omise」 | 決済ボタンラベル用 |
ダウンロード
実装方法
決済ページにバッジを追加します：
<!-- Standard badge -->
<img
src="https://cdn.omise.co/assets/badge-powered-by-omise.svg"
alt="Powered by Omise"
height="32"
/>
<!-- With link to Omise -->
<a href="https://www.omise.co" target="_blank" rel="noopener noreferrer">
<img
src="https://cdn.omise.co/assets/badge-secure-payments.svg"
alt="Secure Payments by Omise"
height="32"
/>
</a>
バッジの配置
推奨される配置場所：
- 決済ページのフッター
- 決済フォームの近く
- 注文概要セクション
- 決済確認ページ
ブランドカラー
プライマリカラー
| カラー | 名前 | Hex | RGB | 用途 |
|---|---|---|---|---|
| 🔵 | Omise Blue | #1A4B9C | 26, 75, 156 | プライマリブランドカラー |
| ⚪ | White | #FFFFFF | 255, 255, 255 | 背景、暗い背景上のテキスト |
| ⚫ | Dark | #1A1A1A | 26, 26, 26 | テキスト、ダークモード |
セカンダリカラー
| カラー | 名前 | Hex | 用途 |
|---|---|---|---|
| 🔷 | Light Blue | #E8F0FC | 背景、ハイライト |
| 🟢 | Success | #22C55E | 成功状態 |
| 🔴 | Error | #EF4444 | エラー状態 |
| 🟡 | Warning | #F59E0B | 警告状態 |
タイポグラフィ
プライマリフォント
Inter - すべてのOmiseコミュニケーションとインターフェースで使用されています。
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
フォントウェイト
| ウェイト | 用途 |
|---|---|
| Regular (400) | 本文テキスト |
| Medium (500) | 強調、ボタ ン |
| Semi-Bold (600) | 小見出し |
| Bold (700) | 見出し |
共同ブランディングガイドライン
パートナーロゴ
Omiseをパートナーロゴと一緒に掲載する場合：
- 同等の目立ち方 - 両方のロゴに同様の視覚的重みを与える
- 高さの統一 - 幅ではなく、ロゴの高さを揃える
- 十分な間隔 - ロゴ間に明確な間隔を維持する
- 背景の調和 - 互換性のある背景色を使用する
レイアウト例
┌────────────────────────────────────────┐
│ │
│ [Your Logo] + [Omise Logo] │
│ │
│ "Payments powered by Omise" │
│ │
└────────────────────────────────────────┘
プレス・メディア
プレスリリースやメディア報道向け：
ボイラープレート：
Omiseは、東南アジアと日本のビジネスがオンライン決済を受け付けることを可能にする大手決済テクノロジー企業です。開発者体験と信頼性に焦点を当て、Omiseは大規模なコマースのためのインフラストラクチャを提供しています。
メディアのお問い合わせ： press@omise.co
決済方法ロゴ
決済方法ロ ゴを表示して、お客様に利用可能なオプションを示しましょう。
対応決済方法
以下のロゴパックをダウンロードできます：
- クレジット/デビットカード（Visa、Mastercard、JCB、Amex）
- デジタルウォレット（TrueMoney、GrabPay、Alipay、WeChat Pay）
- 銀行振込（PromptPay、FPX、オンラインバンキング）
- コンビニ決済
- BNPL（Atome、PayLater）
よくある質問
Omiseロゴを修正してもよいですか？
いいえ、Omiseロゴは変更、再描画、または改変しないでください。ダウンロードパックに含まれる公式アセットのみをご使用ください。
有料広告にこれらのアセットを使用できますか？
はい、Omiseとのインテグレーションを正確に表現する広告にOmiseブランドアセットを使用できます。決済インテグレーション以上の推薦を示唆することは避けてください。
どのファイル形式を使用すべきですか？
- Web/デジタル： SVG（推奨）またはPNG
- 印刷： PDFまたはEPS
- ソーシャルメディア： 推奨寸法でのPNG
ロゴをグッズに使用できますか？
物理的なグッズ、販促品、または販売目的でOmiseブランドを使用する前に、press@omise.coにご連絡ください。
Omiseブランドの不正使用を報告するにはどうすればよいですか？
Omiseブランドアセットの不正または不適切な使用を見つけた場合は、legal@omise.coまでご報告ください。
特定の国向けのアセットはありますか？
提供されるブランドアセットはグローバルでご使用いただけます。国固有の決済方法ロゴは決済方法ロゴパックに含まれています。
全アセットをダウンロード
ロゴ、バッジ、ガイドライン、決済方法アイコンを含む完全なブランドアセットパッケージを入手できます。
お問い合わせ
ブランドに関するご質問やカスタムアセットのご依頼：
- 一般的なお問い合わせ： support@omise.co
- プレス・メディア： press@omise.co
- パートナーシップのお問い合わせ： partners@omise.co
関連リソース
- Omise.jsインテグレーション - 決済フォームの構築
- 決済インテグレーションガイド - 完全なインテグレーションガイド
- セキュリテ ィ概要 - セキュリティへの取り組み