デモ実行記録 · claude-sonnet-5-5 · 2026年10月
I am building a landing page for a boutique wedding planner. Apply the Desert Rose theme and give me a :root CSS block with the theme colors and the font stacks for headings and body.
Skill: theme-factory
Read: themes/desert-rose.md
Here's the Desert Rose :root block, using the palette and fonts from the theme file:
:root {
/* Desert Rose palette */
--color-dusty-rose: #d4a5a5; /* soft primary */
--color-clay: #b87d6d; /* earthy accent */
--color-sand: #e8d5c4; /* warm neutral background */
--color-burgundy: #5d2e46; /* rich dark contrast */
/* Semantic roles */
--color-bg: var(--color-sand);
--color-surface: #f4eae0; /* lighter tint of sand for cards */
--color-text: var(--color-burgundy);
--color-primary: var(--color-dusty-rose);
--color-accent: var(--color-clay);
/* Typography (theme specifies FreeSans; fallbacks cover machines without it) */
--font-heading: "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-body: "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-heading-weight: 700;
--font-body-weight: 400;
}
body {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
}
h1, h2, h3 {
font-family: var(--font-heading);
font-weight: var(--font-heading-weight);
}
- Contrast: Burgundy text on sand reads well. Dusty rose and clay on sand are too low-contrast for body text, so use them for buttons, borders, and decorative fills. For text on a clay or rose button, use burgundy, or white only at large sizes.
- Fonts: FreeSans isn't installed on most visitors' devices, so most people will see the Helvetica/Arial fallback. That keeps the look close to the theme. For a more romantic feel, you could swap
--font-headingfor a serif such as Cormorant Garamond. That would depart from the theme spec, so I haven't done it. - Added values:
--color-surface(#f4eae0) and the semantic aliases aren't part of the theme. I added them for cards and easier reuse.
Real run, output shown verbatim.
何をするか
スライド、文書、レポート、HTML のランディングページなど、あらゆる成果物に適用できる、厳選されたプロ向けの配色とフォントの組み合わせを提供します。どのプリセットも合わない場合は、新しいテーマを生成できます。
10 種類のテーマ
Ocean Depths、Sunset Boulevard、Forest Canopy、Modern Minimalist、Golden Hour、Arctic Frost、Desert Rose、Tech Innovation、Botanical Garden、Midnight Galaxy。各テーマには 4 色の 16 進カラー、見出しフォント、本文フォントに加え、向いている用途の説明があります。
進め方
- 同梱の
theme-showcase.pdfを表示し、すべてのテーマを確認してもらう。 - どのテーマを使うかを尋ね、確認を待つ。
- そのテーマのファイルを読み込み、配色とフォントを一貫して適用する。
補足とリスク
テーマのファイルと、PDF の見本が含まれます。この PDF に埋め込みスクリプトがないことを確認済みです。ネットワークアクセスなし。テーマで指定されている DejaVu や FreeSans などのフォントはすべての環境にあるとは限らず、代替フォントが使われる場合があります。