プロダクト

Notepad & Diary Online

Web Notepad Online.

webnotepad.github.io 出典生産性・コラボレーション / ノート・ナレッジ管理

AI競合評価
PC
モバイル
月間訪問数
24.8K
上昇23.6%前月比2026年9月
公開された売上
非公開
公開収益の証明はまだありません
最低料金
無料
月額サブスク価格なし
開発者
Aansa Waqas
@whatphone· 4 フォロワー
公開日
4ヶ月前
2026-07-11 · 推定

訪問

過去12ヶ月
月間訪問数2026年9月 · 2026年10月 pending 時点のデータ
イベントマーケティング施策 1 件

マーケティング動向

公開・検索&コンテンツ・参照・プロモーション
Xアカウント@whatphone
  • Notepad & Diary Online launched on Product Hunt公開

    Write, save and organize notes instantly in your browser

    7月11日 · 4ヶ月前出典

OSS&セルフホスト

GitHub · MCP / Skill
最終コミット 2026-10-25
GitHubスター数
公開リポジトリ
フォーク数 (Forks)
—
ライセンス
リポジトリを参照
主要言語
—

流入元

2026年9月

訪問構成

チャネル

  • 自然検索51%
  • ダイレクト38%
  • 外部参照5%
  • SNS4%
  • その他2%

国・地域

  • アメリカ合衆国27%
  • オーストラリア19%
  • フィリピン16%
  • イギリス15%
  • インド11%

検索

ドメイン評価 (DR) —ドメイン登録 2013-03-08

キーワード月間検索数
diary66.2K
study planner12.3K
online journal11.2K
online diary3,850
journal website free no log in or sign up420

トラフィックデータ:Vaneform

料金

公式サイトに公開プラン価格の記載がありません。

無料トライアル:なし · Observed 2026-11-04 · 元ページ

ページ&変更履歴

2026-07-11 から記録開始

主要ページ

週次スナップショット

変更

追跡開始以降、価格・プラン・位置づけの変更は検出されていません。

デザイン

ファーストビューの視覚分析と :root CSS

ソフト&フレンドリー(ライト背景・標準密度):左テキスト・右ビジュアルレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。

ファーストビュー · クリックで拡大

First-screen pitch & conversion flow

“Web Notepad Online.”

左テキスト・右ビジュアルのファーストビュー構造に、直接入力・即体験のCTAと生成結果のライブショーケースを組み合わせた設計。

Conversion path: 左テキスト・右ビジュアル + 製品UIスクリーンショット・コンポーネント → 直接入力・即体験 · Trust bar: 生成結果のライブショーケース

パレット · クリックでコピー

5次元デザイン評点7.6 / 10
フォント&タイポグラフィ
8.0
配色&コントラスト
8.0
レイアウト&余白
8.0
ディテール&完成度
7.0
独自性・スタイル識別度
7.0

市場構造

フォント
DM Serif Display / Nunito
ファーストビュー構成
左テキスト・右ビジュアル
メインビジュアル
製品UIスクリーンショット・コンポーネント
コンバージョンCTA
直接入力・即体験
社会的証明・実績
生成結果のライブショーケース
ナビゲーション
全幅トップバー
明暗&情報密度
ライト · 標準
角丸&階層表現
中角丸 · シャドウあり
AIデザイン仕様全文をプレビュー(:root CSS変数&レイアウト規則を含む)スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ:ソフト&フレンドリー(エディトリアル 併用)

温かみのある低彩度パステル、大きめの角丸、親しみやすいイラスト。

## デザイントークン

```css
:root {
  --background: #f8f6f2;
  --surface: #f2eee5;
  --foreground: #222132;
  --muted-foreground: #777482;
  --accent: #c6532b;
  --radius: 8px;
  --font-heading: "DM Serif Display", serif;
  --font-body: "Nunito", ui-sans-serif, system-ui, sans-serif;
}
```

配色面積比:背景 #F8F6F2 (~56%) · サーフェス #F2EEE5 (~20%) · 本文 #222132 (~12%) · 補助テキスト #777482 (~8%) · アクセント #C6532B (~4%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。

## レイアウト&コンバージョン構造

- ヒーローレイアウト:左テキスト・右ビジュアル
- ナビゲーション構造:全幅トップバー
- テーマと密度:ライト · 標準
- 角丸とエレベーション:中角丸;エレベーションシャドウでレイヤー階層を分離
- 主なビジュアル媒体:製品UIスクリーンショット・コンポーネント
- コンバージョン CTA:直接入力・即体験 · トラストバーに 生成結果のライブショーケース を使用
- 見出しフック:カテゴリ定義・王道アンカー
- ヒーローコンポーネント:大型ヒーロープロダクトショット、インタラクティブなヒーローツール
- 空間レイアウトの要点:左テキスト・右ビジュアルのファーストビュー構造に、直接入力・即体験のCTAと生成結果のライブショーケースを組み合わせた設計。
- ビジュアル要約:ソフト&フレンドリー(ライト背景・標準密度):左テキスト・右ビジュアルレイアウトと製品UIスクリーンショット・コンポーネントビジュアル。

## 避けるべき表現

- きつい純黒の背景
- シャープな0pxの角
- ヒーローコピーでの冷たい専門用語

上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。

よくある質問と根拠データ

Notepad & Diary Onlineのウェブサイトの訪問数は?
Vaneform estimates 24.8K website visits in 2026-09. Visits can include repeat visits; this estimate measures web traffic separately from paying customers or revenue.出典
What is Notepad & Diary Online and what platforms does it support?
Notepad & Diary Online is catalogued under ノート・ナレッジ管理: Web Notepad Online.. Supported platforms: Webのみ.
Is Notepad & Diary Online open source?
Notepad & Diary Online has a public repository (https://github.com/webnotepad/webnotepad.github.io) + its source repository published.出典

同じカテゴリのプロダクト

生産性・コラボレーション / ノート・ナレッジ管理

同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。

「ノート・ナレッジ管理」の全製品と価格ベンチマークを見る →