あなたのコミュニティ、あなたのブランド、あなたのドメイン。
カスタムドメイン、テーマ、CSS、ホワイトラベルオプション、ナビゲーション設定——コミュニティを自社製品のように見せ、感じさせるために必要なすべてが揃っています。
カスタマイズの深さ
3段階のブランド制御
シンプルに始めて、ニーズの進化に合わせて深めていけます。ロゴ、カラー、テーマ、カスタムドメインにエンジニアリングは不要です。さらに細かく制御したいときはカスタム CSS が使えます。
クイックなブランド設定
ロゴと色はどのプランでも数分で設定でき、カスタムドメインもすべてのプランで接続できます。デザインの専門知識は不要です。
深いカスタマイズ
コミュニティ体験をピクセル単位で制御する必要のあるチームのための、カスタムCSS、ナビゲーション設定、テーマのオーバーライド。
完全なホワイトラベル
BusinessおよびEnterpriseプランで、Webコミュニティからプラットフォームのブランディングをすべて削除。あなたのコミュニティが、完全にあなたのビジュアルアイデンティティのもとに。
機能
コミュニティの見た目を完全にコントロール
手早い色変更から深いCSSオーバーライドまで、ブランディングシステムはあなたのデザインの意欲に合わせて拡張します。
カスタムドメイン
自動SSLで、自分のドメインでコミュニティを運営。メンバーには当社ではなくあなたのブランドが見えます。
テーマとカラーシステム
組み込みのデザイントークン層を通じて、ブランドカラー、タイポグラフィ、ビジュアルスタイルを設定——ほとんどのカスタマイズにコードは不要です。
カスタムCSS
より深い制御には、カスタムCSSを追加してあらゆるビジュアル要素をオーバーライド。デザインリソースを持つチームに完全な柔軟性を。
ホワイトラベル
BusinessおよびEnterpriseプランで、WebコミュニティからMateflowのブランディングを完全に削除。あなたのコミュニティ、あなたのブランド、「powered by」バッジなし。自社名義でストアに公開するネイティブアプリはロードマップ上です。
ファビコンとメタデータ
独自のファビコン、Open Graph画像、メタディスクリプションを設定。公開ブランドのあらゆる細部を設定できます。
ナビゲーション設定
ナビゲーション構造、サイドバーのレイアウト、ページ階層を、オーディエンスがコンテンツを見つけると期待する形に合わせてカスタマイズします。
ブランドショーケース
同じプラットフォーム、まったく異なる3つのブランド
テーマトークン、カスタムドメイン、ホワイトラベル制御により、2つのMateflowコミュニティが似て見える必要はありません。同じ製品で、あなたのビジュアルアイデンティティを。
コーポレート / B2B
Northwind Customer Hub
community.northwind.com
クリエイター / ライフスタイル
The Studio Inner Circle
circle.thestudio.co
ミニマル / エディトリアル
Field Notes Club
club.fieldnotes.is
テーマシステム
ロゴをアップロードするだけでなく、編集できるデザイントークン
色、タイポグラフィ、余白、角丸はすべてトークン層から流れ出します。トークンを一度変更すれば、コミュニティ全体が更新されます——ほとんどの調整にCSSは不要です。
カラートークン
/admin/brandingプライマリ
--primary
アクセント
--accent
サーフェス
--surface
前景
--foreground
ミュート
--muted
ボーダー
--border
タイポグラフィ
ライブプレビュー
あなたのコミュニティ
あなたのトークンで動作
管理コンソールでトークンを編集すれば、フィード、サイドバー、ボタン、メールなど、あらゆるサーフェスが即座に更新されます。
デザインチーム向け
トークンでは足りないときは、カスタムCSSへ
何でもオーバーライド。トークン層はブランド作業の大半をカバーし、カスタムCSSはエッジケース——ピクセル精度のカードスタイル、カスタムアニメーション、ブランド固有のレイアウト——を処理します。
/* Override card hover */
.mf-post-card {
border-radius: 1.25rem;
transition: all .25s ease;
}
.mf-post-card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(13,148,136,.18);
}
/* Brand-specific button */
.mf-cta-primary {
background: linear-gradient(135deg, #0D9488, #F97316);
letter-spacing: .01em;
}
/* Hide the default sidebar avatar ring */
.mf-sidebar .mf-avatar { box-shadow: none; }対象を絞ったクラス
Mateflowのすべてのサーフェスには、安定した mf- クラスのプレフィックスが付いています。テーマをフォークせずに、必要な部分だけをオーバーライドできます。
ライブプレビュー + 差分
編集は公開前にサンドボックス化されたプレビューでレンダリングされます。ライブコミュニティへ反映する前に、すべてのメンバーサーフェスで何が変わったかを差分で確認できます。
Growth以上で利用可能
トークン編集はすべてのプランで利用できます。CSSエディターはGrowthで解放され、完全なホワイトラベル除去はBusinessおよびEnterpriseで利用できます。
Mateflowのブランディング vs 一般的なプラットフォーム
ほとんどのコミュニティツールはロゴのアップロードしかできません。Mateflowは、コミュニティを本当にあなたのものに感じさせる深さを提供します。
| 項目 | Mateflowのブランディング | 一般的なプラットフォーム |
|---|---|---|
| カスタムドメイン | 自動SSL付きの自分のドメイン——すべてのプランで | デフォルトはサブドメイン、カスタムドメインは上位ティアで |
| ビジュアルのカスタマイズ | デザイントークン、色、タイポグラフィ + CSSエディター | ロゴ + 1〜2色のアクセント、限定的なテーマ |
| ホワイトラベル | ウェブコミュニティでは完全除去（Business・Enterprise） | 通常「powered by」バッジが必須 |
| ナビゲーション | 設定可能なサイドバー、ページ、階層 | ほぼ固定のレイアウト |
| SEOメタデータ | ファビコン、OG画像、ページごとのメタ | グローバル設定のみ |
| テーマプレビュー | 公開前のライブなサンドボックスプレビュー | ほとんどのプラットフォームでは公開して祈るのみ |
なぜブランドの所有がコミュニティ体験を変えるのか
コミュニティのビジュアルアイデンティティは、メンバーがその価値とあなたの組織をどう捉えるかに直接影響します。
メンバー体験を自分のものにする
コミュニティがあなたの製品のように見えると、メンバーはプラットフォームベンダーではなく、あなたのブランドと関係を築きます。
プロフェッショナルな信頼性
カスタムドメインとブランド化されたインターフェースはプロフェッショナルさを示します。メンバーやステークホルダーはコミュニティをより真剣に受け止めます。
一貫したブランドのタッチポイント
コミュニティは、切り離されたサードパーティの場所ではなく、あなたのウェブコミュニティ、製品、マーケティングの延長になります。
ベンダーロックインの印象を軽減
Business と Enterprise では、ウェブコミュニティから Mateflow のブランド表示が完全になくなります。オーディエンスが向き合うのはプラットフォーム事業者ではなく、あなたです。ネイティブアプリは現在も Mateflow 名義で配信されています。
深いブランド制御から最も恩恵を受けるのは誰か
汎用的なプラットフォームでホストされているのではなく、目的に合わせて作られたように見せたいすべてのコミュニティ。
ブランド優先のコミュニティ
コミュニティをブランドアイデンティティの延長にします。カスタムドメイン、色、完全なホワイトラベルが、シームレスな体験を作り出します。
エージェンシーとリセラーモデル
クライアントのブランドのもとでコミュニティを構築。ホワイトラベルとカスタムドメインにより、メンバーが使うウェブコミュニティに Mateflow のブランディングは表示されません。クライアント自身の名義でのアプリ配信はロードマップ上です。
プレミアム会員制プロダクト
洗練されたブランド体験はプレミアムな価格を正当化します。製品が目的に合わせて作られているように見えると、メンバーはより多くの価値を感じます。
ブランディング — よくある質問
カスタムドメイン、テーマ設定、カスタムCSS、ホワイトラベルオプションに関するよくある質問です。
はい。すべてのプランで、自動SSL付きの独自ドメインでコミュニティを運用できるため、メンバーには当社ではなくお客様のブランドが表示されます。
完全なホワイトラベルは Business と Enterprise プランで利用でき、Web コミュニティから Mateflow のブランディングを完全に削除し、「powered by」バッジもなくなります。現在メンバーは共通の Mateflow モバイルアプリを使用します。自社名義でストアに公開するネイティブアプリはロードマップ上です。
いいえ。ブランドカラー、タイポグラフィ、ビジュアルスタイルは組み込みのデザイントークン層で設定するため、ほとんどのカスタマイズにコードは不要です。
カスタムCSSはGrowth以上で利用できます。トークン編集はすべてのプランで利用でき、CSSエディターではあらゆるビジュアル要素を上書きしてピクセル単位の制御が可能です。
はい。編集内容は公開前にサンドボックスプレビューで表示されるため、ライブコミュニティに反映する前にメンバー画面での変更点を確認できます。