- 月間訪問数
- 63.6K
- 上昇33.6%前月比2026年9月
- 公開された売上
- 非公開
- 公開収益の証明はまだありません
- 最低料金
- 無料
- 月額サブスク価格なし
- 公開日
- 5年前
- 2021-10-26 · 推定
訪問
マーケティング動向
公開・検索＆コンテンツ・参照・プロモーション阮一峰周刊投稿 (2 票 · 1 コメント) でリリース公開
【项目推荐】抖音系企业应用设计系统 Semi Design — [Semi Design](https://semi.design) 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。支持 💪 58+高质量组件、💅 强大的定制定力，上千个Design Token、🌍 国际化14种语言、👏 使用TypeScript，良好的类型定义、🥳 SSR等特性。 …
2021年10月26日 · 5年前ローンチページ
第三者レビュー＆事例分析
集客チャネル分析・エンジニア評価・OSS指標OSS＆セルフホスト
- GitHubスター数
- ★ 895
- フォーク数 (Forks)
- 81
- ライセンス
- MIT
- 主要言語
- JavaScript
流入元
訪問構成
チャネル
- ダイレクト63%
- 自然検索30%
- 外部参照4%
- その他4%
国・地域
- 中国78%
- 中華人民共和国香港特別行政区9%
- シンガポール5%
- アメリカ合衆国4%
- 台湾2%
検索
ドメイン評価 (DR) —ドメイン登録 2021-08-17
| キーワード | 月間検索数 |
|---|---|
| semi design | 1,140 |
| 颜色选择器 | 300 |
| 无障碍设计 skill | 270 |
| 前端设计风格库 | — |
| json动画 | — |
トラフィックデータ：Vaneform
料金
料金ページにプラン価格が記載されていません。
無料トライアル：なし · Observed 2026-11-03 · 元の料金ページ
ページ＆変更履歴
主要ページ
週次スナップショット変更
追跡開始以降、価格・プラン・位置づけの変更は検出されていません。
デザイン
エンタープライズクリーン（ライト背景・余白多め密度）：左テキスト・右ビジュアルレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
ファーストビュー · クリックで拡大
First-screen pitch & conversion flow
“连接设计师与开发者”
左テキスト・右ビジュアルのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと導入企業・メディアロゴ一覧を組み合わせた設計。
Conversion path: 左テキスト・右ビジュアル + 製品UIスクリーンショット・コンポーネント → 無料で開始 / 今すぐ登録 · Trust bar: 導入企業・メディアロゴ一覧
- ブランド宣言＆好奇心喚起
- 大型ヒーロープロダクトショット
- 導入企業ロゴウォール
パレット · クリックでコピー
- フォント＆タイポグラフィ
- 7.0
- 配色＆コントラスト
- 8.0
- レイアウト＆余白
- 8.0
- ディテール＆完成度
- 8.0
- 独自性・スタイル識別度
- 6.0
市場構造
- フォント
- PingFang SC
- ファーストビュー構成
- 左テキスト・右ビジュアル
- メインビジュアル
- 製品UIスクリーンショット・コンポーネント
- コンバージョンCTA
- 無料で開始 / 今すぐ登録
- 社会的証明・実績
- 導入企業・メディアロゴ一覧
- ナビゲーション
- 全幅トップバー
- 明暗＆情報密度
- ライト · 余白多め
- 角丸＆階層表現
- 小角丸 · シャドウあり
AIデザイン仕様全文をプレビュー（:root CSS変数＆レイアウト規則を含む）スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ：エンタープライズクリーン（グラデーション・グロウ 併用）
信頼感のあるブルー基調のパレット、構造化されたグリッド、目立つ導入企業ロゴウォール。
## デザイントークン
```css
:root {
--background: #ffffff;
--surface: #f5f6f8;
--foreground: #1c1f23;
--muted-foreground: #80848a;
--accent: #0064fa;
--radius: 4px;
--font-heading: "PingFang SC", ui-sans-serif, system-ui, sans-serif;
--font-body: "PingFang SC", ui-sans-serif, system-ui, sans-serif;
}
```
配色面積比：背景 #FFFFFF (~66%) · サーフェス #F5F6F8 (~23%) · 本文 #1C1F23 (~4%) · 補助テキスト #80848A (~3%) · アクセント #0064FA (~4%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。
## レイアウト＆コンバージョン構造
- ヒーローレイアウト：左テキスト・右ビジュアル
- ナビゲーション構造：全幅トップバー
- テーマと密度：ライト · 余白多め
- 角丸とエレベーション：小角丸；エレベーションシャドウでレイヤー階層を分離
- 主なビジュアル媒体：製品UIスクリーンショット・コンポーネント
- コンバージョン CTA：無料で開始 / 今すぐ登録 · トラストバーに 導入企業・メディアロゴ一覧 を使用
- 見出しフック：ブランド宣言＆好奇心喚起
- ヒーローコンポーネント：大型ヒーロープロダクトショット、導入企業ロゴウォール
- 空間レイアウトの要点：左テキスト・右ビジュアルのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと導入企業・メディアロゴ一覧を組み合わせた設計。
- ビジュアル要約：エンタープライズクリーン（ライト背景・余白多め密度）：左テキスト・右ビジュアルレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。
## 避けるべき表現
- 実験的なナビゲーションパターン
- 可読性の低い装飾フォント
- 価値提案を曖昧にする視覚的な奇抜さ
上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。
よくある質問と根拠データ
- Semi Designのウェブサイトの訪問数は？
- Vaneform estimates 63.6K website visits in 2026-09. Visits can include repeat visits; this estimate measures web traffic separately from paying customers or revenue.出典
- What is Semi Design and what platforms does it support?
- Semi Design is catalogued under ボイラープレート・UIコンポーネント: 连接设计师与开发者. Supported platforms: Webのみ.
- Is Semi Design open source?
- Semi Design has a public repository (https://github.com/DouyinFE/semi-design) under the MIT license, recording 895 GitHub stars.出典
同じカテゴリのプロダクト
同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。