# Ellery

正規URL：https://openfile.pro/ja/template/ellery

デザイナーやつくり手のための、静かな個人サイト。ご自身のこと、つくったもの、書いたものを伝えます。

Elleryは、自分を紹介する落ち着いた1ページがほしいデザイナーやつくり手のための、個人サイト用の無料Framerテンプレートです。全5ページには、自己紹介、サマリー、ポートレートを載せたトップページ、プロジェクトの一覧、CMSで運用する執筆記事、404ページが含まれます。ライトモードとダークモードを搭載しています。

- カテゴリー：[エージェンシー・ポートフォリオ](https://openfile.pro/ja/templates/agency-portfolio)
- 価格：無料
- 無料ライセンス：無料（ご自身のサイトとクライアントワーク）
- ページ：5
- CMSコレクション：2
- ブレークポイント：3
- リリース日：2026-10-12
- 最終更新日：2026-10-12
- ライブプレビュー：https://ellery.framer.website

メールアドレスを入力すると、リミックスリンクが届きます。Framerがサイトをワークスペースにコピーします。無料のFramerアカウントで十分です。

## ご自身を伝える落ち着いた1ページに、作品と執筆記事を添えて。

Elleryは、ひと画面分で読み切れる個人サイトです。ポートレートの横に置いた短い自己紹介、6行のサマリー、ソーシャルメディアのリンク、そして横に並んだプロジェクトと執筆記事で構成しています。

書体はInterだけを使い、ライトとダークの両方に対応しています。切り替えボタンは訪問者それぞれの選択を記憶します。ヘッダーには、名前、リアルタイムの時計、ご自身のいる場所の気温が並びます。

### こんな方に

- デザイナーやつくり手
- 見せたいプロジェクトがいくつかある、個人で活動するつくり手
- ものをつくりながら、短い文章も書くすべての方

### 向いているもの

- 次の仕事を探しているデザイナーや開発者
- サイドプロジェクトや短い文章があるつくり手
- すべてのプロフィールからリンクする個人ページ

### 向いていないもの

- 制作事例を紹介するスタジオ
- 写真そのものが作品のフォトグラファー

### ほかの選択肢

- [Lola](https://openfile.pro/ja/template/lola)：ウェブサイト、ブランド、グラフィックを手がける、小さなデザインスタジオのためのサイト。
- [Elias Vane](https://openfile.pro/ja/template/elias-vane)：風景写真や旅の写真を撮るフォトグラファーのためのポートフォリオ。1枚ごとではなく、シリーズを軸に構成しています。

### 最初のページにすべてを

トップページに、自己紹介、6行のサマリー、ソーシャルメディアのリンク、4つのプロジェクト、すべての記事を載せているので、訪問者はクリックしなくてもご自身の全体像を見渡せます。

### プロジェクトと執筆記事はCMSで

各プロジェクトは、色付きの円に収めたロゴと外部へのリンクを持つ1行で表示されます。各記事には専用のページがあり、次の記事へのリンクが付いています。

### いきいきと見せる小さな工夫

ヘッダーにはリアルタイムの時計と現地の気温があり、回転するレコードはオーバーレイで曲を再生し、イントロではポートレートが弾むように定位置に収まります。

## デスクトップ、タブレット、スマートフォン

Elleryのトップページを、公開サイトから各ブレークポイントでキャプチャしたものです。レイアウトはそれぞれ個別に組まれており、縮小しただけのものではありません。

- デスクトップ、1440ピクセル
- タブレット、810ピクセル
- スマートフォン、390ピクセル

## Elleryに含まれるもの

### ページ

- ホーム：/
- プロジェクト：/projects
- 執筆：/writing
- 執筆記事：/writing/:slug · CMS、8件のエントリー
- 404：/404

### CMS

- プロジェクト：9件のエントリーを収録
- 執筆：8件のエントリーを収録

### デザインシステム

- フォント：Inter
- カラーパレット：#FFFFFF, #D9DADC, #576E82, #BEA398
- ブレークポイント：デスクトップ、タブレット、スマートフォン

### 搭載機能

- ライトとダーク：訪問者が選ぶまではシステムの設定に従い、選んだあとはその選択を記憶する、太陽と月の切り替えボタン
- リアルタイムのヘッダー：名前、ご自身のタイムゾーンのリアルタイムの時計、Open-Meteoから取得する現在の気温（キー不要）
- 再生中：曲をオーバーレイで開く、回転するレコード
- イントロのアニメーション：ポートレートが弾むように定位置に収まり、続いて文字とロゴが現れる

### 付属するもの

- テンプレート本体：Framerのリミックスリンク（無料）
- アップデート：無期限
- Framer Pro：公開時に年間プランで3か月分

### 補足

- Mira Elleryは仮の人物です。名前、ポートレート、サマリー、数値、地名、曲はすべて、ご自身のものに差し替えてください。
- サンプルとして、プロジェクトにはOpenfile自身のテンプレートを載せ、ソーシャルメディアとニュースレターのリンクはopenfile.proにつないでいます。
- 執筆記事は仮の文章なので、「執筆」コレクションで差し替えてください。

## ライセンスでできること

### 無料ライセンス：無料

ご自身のサイトとクライアントワーク

#### できること

- 商用サイトを含め、ご自身のサイトに使えます。
- クライアントのために制作するサイトの一部として、クライアントワークに使えます。
- 内容は何でも変更できます。

#### できないこと

- テンプレートそのものを販売、共有、無償配布することはできません。
- ほかのマーケットプレイスやテンプレートサイトに掲載することはできません。
- このテンプレートと競合するテンプレートやコンポーネントの制作に使うことはできません。
- ご自身のオリジナル作品として発表することはできません。

わかりやすい要約です。拘束力のある条文はFramerのCommunity Termsで、ライセンスのページで両方について説明しています。[ライセンスを読む](https://openfile.pro/ja/licence)

## 購入前のよくある質問

### Elleryには何が含まれますか？

サイト一式がFramerプロジェクトとして手に入ります。5ページと2件のCMSコレクションで構成され、デスクトップ、タブレット、スマートフォンそれぞれのレイアウトを備えています。メールアドレスを入力するとリミックスリンクが届き、Framerがサイトをワークスペースにコピーします。

### 自分のサイトにするにはどうすればよいですか？

1. テンプレートをリミックスします。
2. 名前、ポートレート、自己紹介、サマリーを差し替えます。
3. 時計のタイムゾーンと気温を表示する場所を、ご自身に合わせて設定します。
4. 「プロジェクト」と「執筆」のコレクションを編集します。
5. ページタイトルとメタディスクリプションを更新して、公開します。

### コードを書く必要はありますか？

いいえ。テキスト、画像、色、CMSのエントリーは、すべてFramerのエディタ上でその場で編集できます。

### 複数のウェブサイトで使えますか？

無料ライセンスはご自身のサイトとクライアントワークで使えます。詳しくはライセンスのページをご覧ください。

### 困ったときはどうすればよいですか？

support@openfile.proまでご連絡ください。平日48時間以内に返信します。セットアップに関する質問やテンプレートの不具合はサポートの対象です。

### Elleryの時計と気温は、何をもとに表示していますか？

どちらもファイル内のコードコンポーネントです。時計は指定したタイムゾーンで1秒ごとに進みます。気温は、設定した緯度と経度についてキー不要のOpen-Meteoから取得し、15分ごとに更新します。ヘッダーの地名のラベルも、それに合わせて変更してください。

### Elleryのライトとダークの切り替えはどのような仕組みですか？

すべてのカラースタイルに、ライトとダークの値があります。訪問者が何も選んでいなければ、サイトはその訪問者のシステム設定に従います。太陽か月のボタンを押すと、その選択がブラウザに保存され、次の訪問でも使われます。

### Elleryの「再生中」の行で流れる曲は変更できますか？

はい。曲名はテキストコンポーネントで、オーバーレイではYouTubeの動画を再生するので、曲名と動画のアドレスを変えればお好みの曲にできます。レコードのアートワークも、差し替えられる画像です。

## Elleryに関する記事

- [Ship the portfolio you keep meaning to make](https://openfile.pro/blog/ship-the-portfolio-you-keep-meaning-to-make)（2026-10-12）