---
title: 1001siteカタログのスタイル
description: 1,000件のトップウェブサイトの例からスタイルを選択し、自分のサイトに適用、変更、または削除する方法。AI用のスタイルファイル。
section: design
keywords: ウェブサイトスタイル、スタイルカタログ、デザイン、テーマ、色、フォント、参照、DESIGN.md
updated: 2026-09-16
howto: yes
---

スタイルとは、よく知られたプラットフォームをベースにした、あらかじめデザインされたウェブサイトテンプレートのことです。色、フォント、ボタンやカードの形状、アニメーションなどが含まれます。1001siteのカタログには1,000種類のスタイルが収録されています。テンプレートを選択し、「適用」をクリックするだけで、選択したスタイルでウェブサイトがデザインされます。

> [!tip] これはどのような人に適していますか？
> デザイナーを雇わずに美しいウェブサイトを作りたい方に最適です。スタイルは何度でも変更できます。

![オフィスのスタイルを選ぶ](/wiki/img/style-picker.webp "「カタログからスタイルを選択」ウィンドウ：検索、ビデオカード、「適用」ボタン")

## スタイルを選ぶ場所

- アカウントで、[設定] → [ホームとメニュー] → [サイトスタイル] → [スタイルを選択] (または [別のスタイルを選択]) を選択してください。または、[ガイドの](/wiki/ja/guide)手順 2 に従ってください。
- ディレクトリサイト[1001site.com](https://1001site.com/)で、スタイルを開き、カード下部の「ボードに適用」をクリックしてください。既にログインしている場合は、スタイルがすぐに適用されます。
- カタログで登録する際に、「入手する」→「オールインクルーシブ」を選択してください。選択したスタイルは記憶され、お支払い後に適用されます。

## 手順

### ステップ 1. カタログを開く

「サイトスタイル」セクションで「スタイルを選択」をクリックします。カードが表示されたウィンドウが開きます。カードにカーソルを合わせると、サンプルサイトの動画が表示されます。

### ステップ 2. スタイルを見つける

検索は、ブランド名、色、フォント、カテゴリで検索できます。例：「apple」、「minimal」、「dark」、「shop」。

### ステップ 3. 「適用」をクリックしてください

数秒で、色、フォント、丸み、影、アニメーションなどのスタイルが適用されます。「サイトスタイル」ブロックに、選択したスタイルの名前とプレビューが表示されます。「結果を見る」リンクをクリックしてサイトを開いてください。

## スタイルを変えるものは何か

| 何 | どうやって |
|---|---|
| 色 | 背景、カード、テキスト、アクセント。デフォルトのライトテーマまたはダークテーマ（例を参照）。 |
| フォント | サンプルフォントに似たフォントがGoogle Fontsから選択されます。 |
| 形状 | ボタンやカードの丸み、フラットカードまたは影付きカード、密度 |
| アニメーション | 4つのセットのうちの1つ：穏やか、柔らか、輝き、ダイナミック |
| 家 | 「ホームページデザイン」スイッチが有効になっている場合、サイト名とスタイルスローガンを含むヒーローブロックが上部に追加されます。 |

このスタイルは、テキスト、商品、カテゴリ、ページ、CSSには影響しません。CSSの編集内容は、スタイルブロックの横に保存されます。

## スタイルとAIアシスタント

スタイルを選択すると、AIアシスタントはそのスタイルのデザイン基準（構成、画像、タイポグラフィ、テキストのトーンなど）に基づいてホームページとページを組み立てます。これはデザイナーの場合と同じ原理です。スタイル → デザインシステム → ページ。

## スタイルを変更または削除する

- **変更**：「その他を選択」→「新規」を選択→「適用」。以前のスタイルブロックは追加されるのではなく、置き換えられます。
- **削除**：スタイルプレビューのゴミ箱アイコンをクリックします。これにより、スタイルのCSSと名前が削除されます。色とフォントはそのまま残ります。ブランディングで調整するか、アシスタントに「デザインをリセット」するように指示してください。

## スタイルファイル

カタログに掲載されている各スタイルには、AIツールが理解できるファイルが含まれています。

- **DESIGN.md** （完全かつ簡潔）— スタイルの説明：役割を持つ色、フォント、サイズ、インデント、実行/禁止ルール。
- **Tailwind v4**は、Tailwind用のテーマです。
- **CSS変数**- CSS変数。
- **デザイントークン**— トークンを含むJSON。

ファイルはスタイルのカタログページからコピーまたはダウンロードできます。Claude、ChatGPT、Cursor、またはアシスタントに「このスタイルで作成して」と伝えるだけで簡単に渡せます。[スタイルカタログを](/wiki/ja/reference-catalog)ご覧ください。

## 関税

ウェブサイトにスタイルを適用する機能は、有料プランでご利用いただけます。プランに加入されていない場合でも、スタイルは記憶され、お支払い後に自動的に適用されます。

## 質疑応答

### スタイルは適用されたのですが、サイトがサンプルと異なって見えます。なぜでしょうか？

スタイルは色、フォント、形状、アニメーションなどを引き継ぎます。ページ構造と写真は自由に作成できます。ホームページをサンプルと同じようにするには、AIアシスタントに「ホームページをサイトのスタイルに合わせてデザインしてください：ヒーローセクション、メリット、ギャラリー、連絡先」と指示してください。

### 複数のサイトに同じスタイルを適用できますか？

はい、スタイルは現在のサイトに適用されています。ダッシュボードでサイトを切り替えて、再度スタイルを適用してください。

### 色を手動で変更してからスタイルを適用しました。どちらが採用されたのでしょうか？

スタイル。スタイルで指定された色が、手動で設定した色よりも優先されます。「コードとウィジェット」セクションのカスタムCSSはそのまま適用されます。

### その例はどこから入手したのですか？

人気のウェブサイトスタイルのオープンカタログから。動画とポスターは当社のサーバーに保存されています。