プロダクト

Atmos

Everything you need to create color palettes

atmos.style デザイン / ロゴ・アイコン・グラフィックデザイン

AI競合評価
PC
モバイル
月間訪問数
97.8K
下降5.1%前月比2026年10月
公開された売上
非公開
公開収益の証明はまだありません
最低料金
$19/月
同カテゴリの 66% より高価格同カテゴリ中央値 $10.69/月
開発者
David Pešička
SNSアカウント未連携共同開発:Ondřej Pešička、Vojtěch Vidra
公開日
4年前
2021-11-27 · 推定

訪問

月間訪問数2026年10月 時点のデータ
イベント11 件の変更

マーケティング動向

公開・検索&コンテンツ・参照・プロモーション
  • Uneed (#1) でリリース公開

    Atmos — Everything you need to create color palettes

    2024年6月14日 · 2年前ローンチページ

  • Show HN (38 ポイント · 9 コメント) でリリース公開

    Atmos – Everything you need to create color palettes

    2023年3月29日 · 3年前ローンチページ

  • Product Hunt でリリース公開

    Everything you need to create color palettes

    2023年3月29日 · 3年前ローンチページ

  • BetaList でリリース公開

    Atmos – Create better UI color palettes — Create better UI color palettes

    2021年11月27日 · 4年前ローンチページ

流入元

2026年10月

訪問構成

チャネル

  • 自然検索67%
  • ダイレクト22%
  • 外部参照9%
  • その他2%

国・地域

  • アメリカ合衆国10%
  • インド7%
  • インドネシア5%
  • ベトナム4%
  • ドイツ4%

検索

ドメイン評価 (DR) —ドメイン登録 2021-04-08

キーワード月間検索数
color wheel picker11.8K
oklch to hex2,150
okh to hex color200
light green coor code little darker200
coolors alternative free170

トラフィックデータ:Vaneform

料金

Yearly
$5.75/月(年額請求)
年払い $69/年
Monthly
$19/月
Lifetime
$159/一回

無料トライアル:Yes, we offer a 14 day free trial for everyone, no credit card required. · 3 paid tiers ($5.75–$159) · Observed 2026-11-03 · 元の料金ページ

最低料金 $19/月、同カテゴリの 66% より高価格; “ロゴ・アイコン・グラフィックデザイン」の中央値は $10.69/月です。価格ベンチマークを見る

ページ&変更履歴

2023-03-29 から記録開始

主要ページ

週次スナップショット
atmos.style/ スナップショット 2026-11-04

変更

  1. 11月1日 · 15日前

    トップページのメイン見出し(H1)が「This page couldn’t load」に変更ポジショニング

    Everything you need to create color palettes→This page couldn’t load

    当時: 月間訪問 97.8K同時期に他 10 件の動き
  2. 11月1日 · 15日前

    技術を削除:BuySellAds機能

    BuySellAds→—

    当時: 月間訪問 97.8K同時期に他 10 件の動き
  3. 11月1日 · 15日前

    技術を削除:Carbon Ads機能

    Carbon Ads→—

    当時: 月間訪問 97.8K同時期に他 10 件の動き
  4. 11月1日 · 15日前

    技術を削除:MobX機能

    MobX→—

    当時: 月間訪問 97.8K同時期に他 10 件の動き
  5. 11月1日 · 15日前

    採用技術を追加:Next.js App Router機能

    —→Next.js App Router

    当時: 月間訪問 97.8K同時期に他 10 件の動き
  6. 11月1日 · 15日前

    技術を削除:PWA機能

    PWA→—

    当時: 月間訪問 97.8K同時期に他 10 件の動き

デザイン

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

グラデーション・グロウ(ダーク背景・標準密度):見出し+大型製品画面レイアウトと製品UIスクリーンショット・コンポーネントビジュアル。

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

ファーストビューの訴求とコンバージョン導線

“Everything you need to create color palettes”

見出し+大型製品画面のファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。

Conversion path: 見出し+大型製品画面 + 製品UIスクリーンショット・コンポーネント → 無料で開始 / 今すぐ登録

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

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

市場構造

フォント
Playfair Display / Inter
ファーストビュー構成
見出し+大型製品画面
メインビジュアル
製品UIスクリーンショット・コンポーネント
コンバージョンCTA
無料で開始 / 今すぐ登録
社会的証明・実績
明示的な実績表示なし
ナビゲーション
全幅トップバー
明暗&情報密度
ダーク · 標準
角丸&階層表現
大角丸 · 細線ボーダー
AIデザイン仕様全文をプレビュー(:root CSS変数&レイアウト規則を含む)スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ:グラデーション・グロウ(エディトリアル 併用)

発光する放射状グロウと半透明のガラスパネル。現代のAIプロダクトで広く採用されています。

## デザイントークン

```css
:root {
  --background: #6b1fa8;
  --surface: #f7f4ff;
  --foreground: #ffffff;
  --muted-foreground: #d8c8f0;
  --accent: #171717;
  --radius: 16px;
  --font-heading: "Playfair Display", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

配色面積比:背景 #6B1FA8 (~52%) · サーフェス #F7F4FF (~18%) · 本文 #FFFFFF (~16%) · 補助テキスト #D8C8F0 (~8%) · アクセント #171717 (~6%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。

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

- ヒーローレイアウト:見出し+大型製品画面
- ナビゲーション構造:全幅トップバー
- テーマと密度:ダーク · 標準
- 角丸とエレベーション:大角丸;ドロップシャドウなし — 1pxの細線ボーダーと余白で階層を分離
- 主なビジュアル媒体:製品UIスクリーンショット・コンポーネント
- コンバージョン CTA:無料で開始 / 今すぐ登録
- 見出しフック:カテゴリ定義・王道アンカー
- ヒーローコンポーネント:大型ヒーロープロダクトショット
- 空間レイアウトの要点:見出し+大型製品画面のファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。
- ビジュアル要約:グラデーション・グロウ(ダーク背景・標準密度):見出し+大型製品画面レイアウトと製品UIスクリーンショット・コンポーネントビジュアル。

## 避けるべき表現

- グラデーション上の濁った低コントラストテキスト
- 全画面レインボー背景の多用
- ヒーローセクション内の雑然とした高密度テーブル

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

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

Atmos の料金プランはいくらですか?(無料枠・月額費用)
Yearly: $5.75/月(年額請求)(年払いも可能); Monthly: $19/月; Lifetime: $159/一回. 観測日:2026-11-03。 最新の支払い条件、利用上限、税金は掲載元でご確認ください。出典
Atmosのウェブサイトの訪問数は?
Vaneformによる2026-10の推定訪問数は97.8Kです。再訪問も含まれます。有料顧客数と売上はそれぞれの根拠で確認してください。出典
What is Atmos and what platforms does it support?
Atmos is catalogued under ロゴ・アイコン・グラフィックデザイン: Everything you need to create color palettes. Supported platforms: Webのみ.

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

デザイン / ロゴ・アイコン・グラフィックデザイン

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