Awesome-PPT-Design-Skills/soft-3d-clay-ppt-skill/references/style-system.md
software-ai-life 4802f2c3b2 first commit
2026-04-24 17:02:19 +08:00

3.3 KiB

Soft 3D / Claymorphism Style System

Design Intent

Create a minimalist professional presentation style with soft matte 3D geometric shapes floating in corners. The deck should feel airy, modern, sophisticated, and UI-polished. It should not feel like a children's clay illustration or a generic pastel template.

Palette

Role HEX Usage
Warm beige #FDF5E6 Main background
Sage green #B2AC88 Primary accent, 3D shape base, section markers
Morandi warm pink #DBADAD Secondary accent, soft 3D shape, warm emphasis
Charcoal #333333 Main text
Secondary text #6B6B6B Body support, captions
Soft divider #E7DAC8 Hairlines, panel borders
Highlight surface #FFF9EF Soft cards/panels
Shadow tone #C8BBA8 Shadow approximation in SVG/PPT

Rules:

  • Use beige as the dominant surface.
  • Use sage and warm pink as accents, not equal full-page backgrounds.
  • Do not introduce saturated purple, blue, neon green, or strong gradients.
  • Keep text charcoal; avoid pure black.

3D Material Rules

Claymorphism here means soft matte depth, not realistic 3D rendering.

Use:

  • Rounded spheres, pills, capsules, soft cubes, rings, torus-like arcs, and abstract blobs.
  • Pastel fills with subtle highlight and shadow.
  • Corner placement: top-right, bottom-left, or side gutters.
  • Low-contrast depth to frame content.

Avoid:

  • Large central 3D objects on every page.
  • Plastic shine, metallic reflections, or harsh perspective.
  • Dense stacks of shapes.
  • Shapes behind small text.

SVG/PPT approximation:

  • Use circles, ellipses, rounded rectangles, and paths.
  • Create depth with 2-3 layered shapes: base fill, low-opacity highlight, soft offset shadow.
  • Use opacity attributes rather than rgba().
  • If using ppt-master, avoid filters unless confirmed safe; use simple layered geometry instead.

Typography

PPT-safe default:

  • Title: Arial, Microsoft YaHei, sans-serif
  • Body: Microsoft YaHei, PingFang SC, Arial, sans-serif
  • Label/code: Consolas, Courier New, monospace

Direction:

  • Use clean, rounded-feeling sans typography.
  • Titles should be confident but not oversized.
  • Body copy should be quiet and readable.
  • Use monospace only for labels, page numbers, and small technical tags.

Suggested sizes for 16:9:

  • Cover title: 56-76 px.
  • Page title: 34-42 px.
  • Subtitle: 22-26 px.
  • Body: 18-21 px.
  • Caption/metadata: 11-14 px.

Layout and Spacing

  • Use generous whitespace and stable grid alignment.
  • Prefer two-column layouts, hero object + text, or soft panel groups.
  • Cards may be used, but should be soft and purposeful.
  • Keep border radius moderate: 12-24 px for panels, larger for decorative shapes.
  • Use soft shadows sparingly and consistently.

Icon Strategy

For ppt-master, prefer tabler-outline or simple custom line icons.

  • Icons should be thin, charcoal or sage.
  • Avoid filled icon badges unless they are very subtle.
  • Use at most 1-3 icons per slide.

Imagery

Best image types:

  • Product UI screenshots
  • Clean workspace details
  • Soft product photography
  • Minimal abstract renderings

Treatment:

  • Use images inside soft rounded rectangles or edge-aligned frames.
  • Pair with 3D corner accents, not full decorative backgrounds.
  • Avoid busy lifestyle photos and overly colorful stock imagery.