8-role palette
Background, Ink, Primary, Secondary, Accent, Signal, Surface, Depth: hex + oklch.
Morphous
自然から生まれたデザインシステム
Morphous ギャラリー
AI生成による611種類のシステム · 開発中
動物、花、石を選んで、 デザインシステムを作ろう。
Morphousは自然のモチーフを8色のパレットと、 ライト／ダーク対応のshadcnテーマ、PowerPoint・Wordテンプレートへ展開します。 生成プロンプトも公開され、再現・共有できます。
Morphous Abaloneギャラリーで開く
このサイトについて
Morphousは、自然から着想を得た配色を、Webサイトやプレゼンテーション、 文書で実際に使える形に整理したカタログです。PowerPointとWordの テンプレートは現在も開発中ですが、配色とフォントはすでに反映されます。
生き物が持つ色や構造の完成度と、 Codex + ChatGPT Images 2.0の表現力から着想を得て制作されています。
テーマ設計は shadcn/ui and tweakcn から多くを学び、どちらでも活用できる構成になっています。
ソースコード、カタログデータ、生成プロンプトは GitHubで公開しています。日本語版はsoichirowによるフォークで、原作は Ameyanagiです。
注目のシステム
全611件を見る →marine · Rocky Coast
Morphous Abalone
plant · oak woodland
Morphous Acorn
mineral · Geode Seam
Morphous Agate
plant · desert garden
Morphous Agave
plant · cloud forest branch
Morphous Air Plant
bird · open ocean
Morphous Albatross
reptile · Swamp bayou
Morphous Alligator
plant · dry garden
Morphous Aloe
Hover a card to preview its theme on this page.
What every system ships with
Light + dark theme
Drop-in theme.css with all 30 shadcn tokens for both modes.
PowerPoint
Editable deck with the palette baked into the OOXML theme.
Word
Cover, palette stripe, palette appendix. Latin + Japanese fonts wired in.