127 lines
4 KiB
Markdown
127 lines
4 KiB
Markdown
# Style 2: Japanese Lifestyle Editorial
|
|
|
|
Use this variant when the user asks for the second style, a Japanese lifestyle magazine mood, stark white editorial design, burnt orange accents, or asymmetric edge-pressed imagery.
|
|
|
|
## Design Intent
|
|
|
|
Create a high-end editorial PPT style inspired by Japanese lifestyle magazines: crisp, trend-setting, professional, spacious, and sharp. It should feel more energetic and graphic than the Washi Soft Glow style, but still disciplined and sophisticated.
|
|
|
|
## Canvas
|
|
|
|
- Aspect ratio: 16:9.
|
|
- `ppt-master` canvas: `0 0 1280 720`.
|
|
- Preserve generous safe margins, but allow images to press against one or two canvas edges for intentional tension.
|
|
|
|
## Palette
|
|
|
|
| Role | HEX | Usage |
|
|
| --- | --- | --- |
|
|
| Stark white | `#FFFFFF` | Primary background |
|
|
| Burnt orange | `#CC5500` | Main accent, section markers, active rule, callout number |
|
|
| Charcoal gray | `#333333` | Main text and headings |
|
|
| Deep clay | `#71362B` | Secondary accent, image captions, grounded warmth |
|
|
| Cool divider | `#D9D9D6` | Hairlines and grid rules |
|
|
| Soft gray field | `#F4F2EF` | Optional background panel |
|
|
|
|
Rules:
|
|
|
|
- Keep the deck mostly white and charcoal.
|
|
- Use burnt orange as the active accent; use deep clay only as a secondary editorial note.
|
|
- Do not combine with indigo from Style 1 unless the user explicitly asks for a hybrid.
|
|
- Avoid pastel moodiness; this style is sharper and more magazine-like.
|
|
|
|
## 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:
|
|
|
|
- Headings should be bold, elegant, and sans-serif.
|
|
- Use strong scale contrast, not decorative fonts.
|
|
- Prefer left-aligned headings.
|
|
- Use small uppercase monospace labels for section systems.
|
|
- Avoid serif title styling unless the user requests a more literary magazine tone.
|
|
|
|
Suggested sizes for 16:9:
|
|
|
|
- Cover title: 58-78 px.
|
|
- Page title: 34-44 px.
|
|
- Subtitle: 22-26 px.
|
|
- Body: 18-21 px.
|
|
- Caption/metadata: 11-14 px.
|
|
|
|
## Layout Principles
|
|
|
|
- Use structured grid composition: 12-column logic, clear baselines, precise alignments.
|
|
- Use abundant negative space.
|
|
- Use one assertive visual move per slide.
|
|
- Prefer sharp rectangular image crops and edge-pressed compositions.
|
|
- Avoid centered generic title slides.
|
|
- Avoid equal three-card rows unless the source requires direct comparison.
|
|
|
|
## Asymmetric Edge-Pressed Imagery
|
|
|
|
This is the signature layout move.
|
|
|
|
Use when a slide has a product, place, person, evidence image, or brand story moment.
|
|
|
|
Patterns:
|
|
|
|
- Image presses to the right edge, text occupies left 35-45%.
|
|
- Image presses to top and right edges, caption locks to lower left.
|
|
- Tall image strip crops off the canvas edge, with burnt orange rule crossing into whitespace.
|
|
- Two image fragments offset vertically, one bleeding off the bottom edge.
|
|
|
|
Rules:
|
|
|
|
- Image crop must be intentional; do not accidentally cut off important subjects.
|
|
- Text must never overlap busy image areas without a solid white or translucent white field.
|
|
- Keep one clean caption line in deep clay or charcoal.
|
|
- Use burnt orange as a small anchor, not a border around every image.
|
|
|
|
## Geometry and Details
|
|
|
|
Use:
|
|
|
|
- Thin charcoal or gray grid lines.
|
|
- Burnt orange section ticks.
|
|
- Small page labels such as `ISSUE 02 / FRAMEWORK`.
|
|
- Sharp framed callouts.
|
|
- Large whitespace fields.
|
|
|
|
Avoid:
|
|
|
|
- Paper texture as the primary surface.
|
|
- Soft glow as a recurring motif.
|
|
- Rounded blobs or decorative organic shapes.
|
|
- Heavy drop shadows.
|
|
- Lifestyle clutter that makes slides feel like posters instead of PPT.
|
|
|
|
## Icon Strategy
|
|
|
|
Icons should be rare.
|
|
|
|
- Prefer `tabler-outline` for `ppt-master`.
|
|
- Use icons only for navigation markers or small concept labels.
|
|
- Color icons charcoal or burnt orange.
|
|
|
|
## Best Fit
|
|
|
|
Use for:
|
|
|
|
- Brand story
|
|
- Lifestyle business proposal
|
|
- Product narrative
|
|
- Trend report
|
|
- Human-centered strategy
|
|
- Creative but professional pitch
|
|
|
|
Avoid for:
|
|
|
|
- Highly technical dense engineering briefings where diagrams need maximum clarity
|
|
- Government/formal compliance decks
|
|
- Academic thesis decks
|