8役のカラーパレット
背景、文字、プライマリ、セカンダリ、アクセントなどをhexとoklchで収録。
Morphous
自然から生まれたデザインシステム
Morphous ギャラリー
AI生成による611種類のシステム · 開発中
動物、花、石を選んで、 デザインシステムを作ろう。
Morphousは自然のモチーフを8色のパレット、ライト／ダーク対応のshadcnテーマ、PowerPoint・Wordテンプレートへ展開します。生成プロンプトも公開され、再現・共有できます。
Morphous Abaloneギャラリーで開く
このサイトについて
Morphousは、自然から着想を得た配色を、Webサイトやプレゼンテーション、文書で実際に使える形に整理したカタログです。PowerPointとWordのテンプレートは現在も開発中ですが、配色とフォントはすでに反映されます。
生き物が持つ色や構造の完成度と、Codex + ChatGPT Images 2.0の表現力から着想を得て制作されています。
テーマ設計は shadcn/ui と tweakcn から多くを学び、どちらでも活用できる構成になっています。
ソースコード、カタログデータ、生成プロンプトは GitHub で公開しています。日本語版はsoichirowによるフォークで、原作は Ameyanagiです。
注目のシステム
全611件を見る →海洋 · Rocky Coast
Morphous Abalone
植物 · oak woodland
Morphous Acorn
鉱物 · Geode Seam
Morphous Agate
植物 · desert garden
Morphous Agave
植物 · cloud forest branch
Morphous Air Plant
鳥 · open ocean
Morphous Albatross
爬虫類 · Swamp bayou
Morphous Alligator
植物 · dry garden
Morphous Aloe
カードにカーソルを合わせると、このページのテーマをプレビューできます。
すべてのシステムに含まれるもの
ライト／ダークテーマ
両モードのshadcnトークンを収録した、そのまま使えるtheme.css。
PowerPoint
配色をOOXMLテーマに組み込んだ、編集可能なプレゼンテーション。
Word
表紙、配色バー、パレット資料を収録。欧文・日本語フォントに対応。