デザインシステム

10 のスタイル、1 つのコードベース。

すべての make1day テンプレートには CSS 変数のパレットが組み込まれています。各ルックを下で確認し、ビルダーへ持ち込めます。

ライブプレビュー

配色: ライトテクスチャ: ドット角丸: 6pxこのスタイルを使う
Doodle

Build something people pay for.

Auth, billing, one real AI feature and an admin — already wired to your picks.

Get startedView pricingv1.0
design.md 抜粋
# Design System — Doodle

Your project ships a design.md documenting these tokens.

:root {
  --bg: 255 248 231;
  --surface: 255 255 255;
  --line: 96 88 72;
  --accent: 201 80 58;
  --accent2: 27 138 131;
  --ink: 17 17 17;
  --ink-soft: 51 51 51;
  --muted: 100 92 78;
  --radius: 6px;
}

Scheme: ライト · Radius: 6px · Texture: ドット

すべてのスタイル

Styles — make1day design system · make1day