Skip to main content

無料Webテンプレート「EYANCA™」

Webサイト、これで「ええやん」

AIと創るためのHTMLテンプレート

EYANCA web template 

EYANCA web template 

AIでのアレンジを想定した多彩なテンプレート

「自分のWebサイトを持ちたいけれど、WordPressは管理が大変そう」 「そんなに更新しないから、維持費が気になる」 「でも、デザインにはちょっとこだわりたい」

そんな経営者・フリーランス・クリエイターのために、無料Webテンプレート「EYANCA™（エヤンカ）」を作りました。27種類のWebサイトのテンプレートは全て無料！登録不要ですぐにご利用いただけます。

コンセプトは、関西弁の「ええやん（Nice!）」と「これでええやん（That’s enough）」。

過剰な機能は削ぎ落とし、HTMLファイル1つと画像フォルダだけという、究極にシンプルな構造です。Webサイト作らなきゃな〜…と思いつつ、なかなか着手できていない方へ、まずは名刺代わりのシンプルなサイトはいかがですか？

テンプレートを自在にアレンジするのはあなた

最大の特徴は、気軽に「AIといっしょに作る」ことを念頭に置いた設計になっていることです。ベースのデザインは用意しました。あとは生成AI（GeminiやChatGPT）に「ここをこう変えて」と伝えるだけで、コードが書けなくてもあなた好みにカスタマイズできます。EYANCAが目指したのは、「AIへの指示の通りやすさ」です。複雑な構成を排除し、AIが迷わずコードを書き換えられるように設計されているため、プログラミング知識がほぼゼロでも直感的にカスタマイズを楽しめます。

※ご注意：本製品はHTMLファイル一式であり、AI機能そのものは付属しません。Gemini、Claude、ChatGPT等のAIサービス（ご自身のアカウント）をご利用ください。

※精度の観点から、無料版ではなく有料版のAIモデルを推奨します。特に「Gemini Pro版」は本テーマとの相性が良く、個人的に最もおすすめです。

無料Webテンプレート「EYANCA」の3つの特徴

構造は「HTML」と「画像」だけ。難しいPHPやデータベース、ビルドツールは一切不要。index.html というファイル1つと、image フォルダだけで動きます。サーバーにポンと置くだけで、あなたのサイトが完成します。

01

AIでのカスタマイズに特化。 コードは、AIが理解しやすく、修正しやすいように設計しています。「背景を青にして」「フォントをもっと大きく」とAIに指示するだけで、デザイン変更が可能。特にGoogle Gemini等のプレビュー機能（Canvas）を使えば、その場で変化を見ながら直せます。

02

無料・商用利用OK。 個人・法人問わず無料でご利用いただけます。クレジット表記も不要。あなたのビジネスの「顔」として、自由に使ってください。クレジット表記を消したり商用利用するには、別途ライセンス契約が必要…なんてことはありません！

03

無料のデザインテンプレートはこちら！

好みのスタイルを見つけたら、ダウンロードボタンから登録不要でダウンロードできます。まずは以下のラインナップから、あなたの感性に合うデザインを探してみてください。画像をクリックするとデモページを閲覧できます。

Business【GENTLE】 — 6items

余白と上質さで信頼を醸す、品のあるコーポレート向けデザイン

企業｜団体・組織向け（右にスワイプしてください →）

CORPORATE

SANCTUARY – サンクチュアリ

非日常を紡ぐラグジュアリー、品格あるタイポグラフィと余白の美学。スクロールに合わせて画像がゆっくりと移動するパララックス（視差）効果が、空間に奥行きと心地よい余韻をもたらします。ゴールドとオフホワイトを基調とした配色は、訪れる人に安らぎと高揚感を同時に提供。時間の流れを忘れさせるような、上質なブランド体験を演出したい方に。

おすすめ: ホテル・旅館、高級スパ・サロン、高級不動産、伝統工芸

デモページへ
ダウンロード

STRUCTURE – ストラクチャー

思考を積み上げる。建築的でモダンなスティッキー・デザイン。左サイドバーによる明快なナビゲーションと、スクロールに合わせてコンテンツがカードのように重なっていく構造を採用しました。幾何学的な美しさを持つフォントと、余白を活かしたミニマルな配色が、情報の骨組みを美しく際立たせます。論理的で、洗練されたブランドイメージを与えたい方に。

おすすめ: 建築事務所、インテリアデザイナー、不動産デベロッパー、コーポレートサイト

デモページへ
ダウンロード

LUMINA – ルミナ

流麗な美しさと広々とした余白が、作品そのものの魅力を際立たせます。スクロールに合わせて要素が静かに浮き上がるフェードイン演出や、すりガラス風のモーダルウィンドウが、デジタル空間に「奥行き」と「透明感」をプラス。美術館の回廊を歩くような、知的で洗練されたポートフォリオサイトに最適です。

おすすめ: 建築家、インテリアデザイナー、アートギャラリー、陶芸家

デモページへ
ダウンロード

INDEX – インデックス

無機質なリストに宿る、機能美。データベース型アーカイブ。モノスペースフォント（等幅フォント）と罫線のみで構成された、極めてストイックなリストデザインです。システムログやディレクトリを模したUIが、クリックで詳細が展開するアコーディオン動作と連動。情報の羅列そのものを、ひとつのアートワークとして昇華させます。

おすすめ: 建築設計事務所、デザインエージェンシー、写真アーカイブ、実績の多いクリエイター

デモページへ
ダウンロード

HARVEST – ハーベスト

誠実さを伝えるオーガニックデザイン。ベージュやダークブラウンのアースカラーが、まるで上質なクラフト紙のような手触りを再現しています。端正な文字と、アーチ状にトリミングされた画像のリズムが、柔らかくも芯のある「信頼感」を演出。一次産業や伝統工芸など、素材の良さを真っ直ぐに伝えたいブランドに最適です。

おすすめ: 農業・食品生産者、オーガニックコスメ、ベーカリー、伝統工芸

デモページへ
ダウンロード

BIO – ビオ

自然と共鳴する、エシカル・コーポレート。ヒーローエリアの有機的な曲線レイアウトや、スクロールに合わせて背景色が白からベージュへと静かに移ろう演出が、自然な心地よさを表現。ESGデータやSDGsの取り組みを数値で可視化する専用セクションを備え、理念（ミッション）を大切にする組織のストーリーテリングを支えます。

おすすめ: 環境保護団体、エシカルブランド、NPO法人、企業のCSR・サステナビリティサイト

デモページへ
ダウンロード

Business【POWERFUL】 — 5items

先進性・迫力・勢いをまとえる、攻めのコーポレート表現に

企業｜団体・組織向け（右にスワイプしてください →）

CORPORATE

AXIS – アクシズ

秩序の中に宿る、圧倒的なインパクト。計算されたグリッドレイアウトと、鮮烈な「インターナショナル・オレンジ」のアクセントが、知性と情熱を同時に表現します。スイス・スタイルやブルータリズムを彷彿とさせる構造的な美しさに、マウスカーソルに画像が追従する動的なギミックをプラス。論理的でありながら、見る人の記憶に深く刻まれるデザインです。

おすすめ: 建築家、ブランディングエージェンシー、テック企業

デモページへ
ダウンロード

AVANTGARDE – アヴァンギャルド

漆黒の背景に走る微かなノイズエフェクトと、SF映画を彷彿とさせるワイドフォントが織りなすディストピアな世界観。追従するカスタムカーソルや、マウスオーバーで呼応するインタラクションが、閲覧者を深淵なるデジタル空間へと引き込みます。ただ作品を並べるだけでなく、その「空気感」ごと伝えたいクリエイターのための、没入型ダークモードテーマです。

おすすめ: 映像クリエイター、VJ、現代アーティスト、テックウェア/ストリートブランド

デモページへ
ダウンロード

NEXUS – ネクサス

点と点が繋がり、未来を描く。知性を纏ったテック・デザイン。背景に広がる粒子が、デジタル領域の先進性とネットワークの広がりを主張します。信頼と知性を象徴するブルーを基調とし、グラスモーフィズム（すりガラス効果）をアクセントに採用。情報を美しく整理するカード型レイアウトと滑らかなモーションが、あなたのビジネスに「確かな技術力」という説得力を与えます。

おすすめ: IT企業、システム開発、コンサルティングファーム、SaaSベンダー

デモページへ
ダウンロード

ORBITAL – オービタル

重力からの解放。壮大なスケールを描く、未来派デザイン。深い黒と瞬く星々を背景に、スクロールに合わせてゆっくりと旋回する惑星軌道が、没入感のある宇宙空間を構築します。SF映画のUIを彷彿とさせる発光するタイポグラフィと、幾何学的なラインアニメーションが、未知の領域へ挑戦する「先進性」を演出。ただのWebサイトではなく、ひとつの「世界」としてブランドを表現したい方に。

おすすめ: 宇宙・航空産業、ディープテック企業、研究機関、ゲーム・エンタメ系

デモページへ
ダウンロード

TITAN – タイタン

鋼のような堅牢さ。モノづくりを支える、重厚インダストリアルデザイン。建設現場や工場を連想させる「安全色」と、重厚なダークグレーのコントラストが、見る者に揺るぎない信頼感を与えます。随所にあしらわれた斜めの切り込みや、縦長のインパクトあるフォントが、製造業や建設業の持つ「強度」と「技術力」を体現。BtoB企業に不可欠な「実直さ」を、力強いデザインで表現したい方に。

おすすめ: 建設業、製造メーカー、プラントエンジニアリング、重工業

デモページへ
ダウンロード

Clean & Minimal — 6items

装飾を削ぎ落とし、文字と写真を主役にする端正なミニマル

個人事業主｜クリエイター｜フリーランス向け（右にスワイプしてください →）

FREELANCE

EDITORIAL – エディトリアル

雑誌の1ページをめくるような体験。美しいセリフ体と大胆な余白使いで、Webサイトでありながら「紙の雑誌」のような品格を持たせました。スクロールに合わせて要素がふわっと現れる演出が、読ませたいテキストや写真の魅力を引き立てます。

おすすめ: ライター、編集者、ファッションポートフォリオ

デモページへ
ダウンロード

GLASS – グラス

磨りガラスの向こうに、透き通るセンスを。流行のグラスモーフィズム（すりガラス風）を取り入れた、透明感あふれるデザインです。背景にふわっと浮かぶグラデーションが、あなたの作品を現代的で軽やかに演出します。UI/UXデザイナーや、アプリの紹介サイトに。

おすすめ: UIデザイナー、スタートアップ、透明感のある商材

デモページへ
ダウンロード

MONO – モノ

白と黒。二色だけで語るストイックさ。画面を大胆に分割したレイアウトと、完全なモノクロームの世界。装飾を極限まで削ぎ落とすことで、写真やテキストの「本質」だけを浮かび上がらせます。硬派でプロフェッショナルな印象を与えたい方に。

おすすめ: 白黒写真家、ジャーナリスト、ドキュメンタリー作家

デモページへ
ダウンロード

PAPER – ペーパー

手触りを感じる、上質な紙の質感。クラシックなセリフフォントと、紙のような枠線デザイン。ディスプレイの中であることを忘れさせるような、温かみと知的さを兼ね備えています。長文のテキストも読みやすく、物語を紡ぐ人に寄り添うテーマです。

おすすめ: 小説家、エッセイスト、ハンドメイド作家

デモページへ
ダウンロード

SIMPLE – シンプル

余白を愛する、究極のミニマリズム。「何もない」のではなく「必要なものしかない」美しさ。カスタムカーソルや洗練されたアニメーションが、静寂の中に確かなこだわりを感じさせます。作品そのものの力を直球で伝えたいクリエイターへ。

おすすめ: アートディレクター、写真家、建築家

デモページへ
ダウンロード

SWISS – スイス

秩序と余白の美学。デザインの王道「スイス・スタイル（インターナショナル・スタイル）」に着想を得たテーマです。計算されたグリッドシステムと、大胆なタイポグラフィ。無駄な装飾を排し、整然と並べられた情報は、見る人に圧倒的な信頼感を与えます。

おすすめ: グラフィックデザイナー、建築設計事務所、美術館・ギャラリー

デモページへ
ダウンロード

Atmosphere — 3items

ムードで惹きつけて、あなたの「雰囲気」ごと届ける

個人事業主｜クリエイター｜フリーランス向け（右にスワイプしてください →）

FREELANCE

LIQUID – リキッド

揺らめく色彩が、感性を刺激する。背景でゆっくりと動く液状のグラデーションと、フィルムノイズの質感が特徴。デジタルでありながら、どこか有機的でエモーショナルな印象を与えます。感情や空気感を大切にするアーティストに。

おすすめ: デジタルアーティスト、楽曲・MV紹介、イベント特設

デモページへ
ダウンロード

NOIR – ノワール

漆黒とゴールドが織りなす、夜の品格。深く沈んだ黒の背景に、繊細な金色のラインが光るラグジュアリーなテーマです。映画のワンシーンのような没入感と、大人の色気漂う世界観を演出します。ハイブランドな商材や、空間デザインのポートフォリオに最適です。

おすすめ: 高級商材、建築・インテリア、バー・レストラン

デモページへ
ダウンロード

ORGANIC – オーガニック

自然体で呼吸するデザイン。アースカラーの優しい色合いと、手でこねたような有機的な丸み（変形する角丸）が特徴です。カチッとしたデジタルっぽさを消し、柔らかく親しみやすい空気を醸し出します。暮らしや自然に寄り添う発信に。

おすすめ: ライフスタイルブロガー、陶芸・ハンドメイド作家、インテリアコーディネーター

デモページへ
ダウンロード

Vivid & Unique — 4items

派手に、楽しく、強く。第一印象で勝ちにいく個性派デザイン

個人事業主｜クリエイター｜フリーランス向け（右にスワイプしてください →）

FREELANCE

BOLD – ボールド

ルールを壊す、極太のインパクト。太い枠線、巨大なタイポグラフィ、鮮やかなアクセントカラー。ストリートカルチャーやポップアートのような、力強く自信に満ちたデザインです。画面からはみ出すほどの熱量を伝えたいときに。

おすすめ: グラフィックデザイナー、イラストレーター、イベント告知

デモページへ
ダウンロード

NEON – ネオン

電脳空間に明滅する、サイバーパンク・ログ。黒背景にシアンとマゼンタが光る、近未来的なハッカー・スタイル。背景のパーティクルアニメーションやグリッチ演出が、テックな雰囲気を醸し出します。コードやシステムへの愛を表現したいエンジニアに。

おすすめ: エンジニア、Webデベロッパー、SF・テック系ライター

デモページへ
ダウンロード

POP – ポップ

弾ける色彩、止まらない衝動。太い枠線と鮮やかな原色、そして少し傾いたレイアウト。コミックやストリートアートのようなエネルギーに満ちたデザインです。「楽しい」「面白い」を直感的に伝えたいときに、これ以上の選択肢はありません。

おすすめ: YouTuber、イラストレーター、イベント・フェス告知

デモページへ
ダウンロード

Y2K – ワイツーケー

2000年代の煌めき。デジタル・ノスタルジー。ミレニアム世代のインターネットを象徴する、クローム（金属）の輝きとネオンカラー。懐かしくも新しい「Y2K」の空気感を再現しました。ポップアップウィンドウが開くような演出や、宇宙を感じさせるアイコンが、あなたの世界観を強烈に印象付けます。

おすすめ: デジタルクリエイター、ストリーマー、Z世代向けブランド

デモページへ
ダウンロード

Geek & Retro — 3items

“わかる人にはわかる”が武器になる、技術やカルチャーの表現に

個人事業主｜クリエイター｜フリーランス向け（右にスワイプしてください →）

FREELANCE

RETRO – レトロ

懐かしくて新しい、90年代のデスクトップ。Windows 95/98時代を彷彿とさせるドット絵フォントとウィンドウデザイン。懐古趣味（ノスタルジー）と遊び心を詰め込みました。ピクセルアートやサブカルチャー、ゲーム制作の実績紹介に抜群の相性を発揮します。

おすすめ: ピクセルアーティスト、ゲームクリエイター

デモページへ
ダウンロード

TERMINAL – ターミナル

黒い画面に、緑のコード。開発者なら誰もが落ち着く、コマンドラインインターフェース（CLI）風のデザイン。明滅するカーソルや、走査線のようなノイズエフェクトが、ハッカーの気分を盛り上げます。画像すらも「ファイル」として扱う、ギークのためのポートフォリオです。

おすすめ: バックエンドエンジニア、セキュリティリサーチャー、Linuxユーザー

デモページへ
ダウンロード

RAW – ロウ

飾らない、という最強の個性。CSSが読み込まれる前の「素のHTML」のような、Webの原風景をあえてデザインとして昇華させました。タイムズ・ニュー・ロマンのフォントと青いリンク。この無骨なブルータリズム（粗野な美しさ）は、コンテンツの中身に絶対的な自信がある人にこそ相応しいスタイルです。

おすすめ: ソフトウェアアーキテクト、現代アーティスト、批評家

デモページへ
ダウンロード
特典付き！AIでWebサイトを作るには？

リンク先のnoteをご購入いただくと、以下の追加特典テンプレートがDL可能になります