3.3 KiB
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.