74 lines
2.4 KiB
Markdown
74 lines
2.4 KiB
Markdown
# Style System
|
|
|
|
## Core Look
|
|
|
|
Minimalist luxury PPT slide design for high-end branding presentations. The deck should feel calm, premium, editorial, and intentional.
|
|
|
|
## Canvas
|
|
|
|
- Aspect ratio: 16:9
|
|
- Default SVG viewBox: `0 0 1280 720`
|
|
- Background: `#F5EFE6`
|
|
- Safe margin: 88 px minimum
|
|
- Preferred content width: 980-1080 px
|
|
- Layout rhythm: generous margins, wide gutters, low content density
|
|
|
|
## Palette
|
|
|
|
- Background: `#F5EFE6`
|
|
- Accent: `#A68A64`
|
|
- Primary text: `#3A3A3A`
|
|
- Muted text: `#746F68`
|
|
- Fine divider: `#D8CCBD`
|
|
- Pale cream: `#FBF7F1`
|
|
|
|
Use soft brown as a premium accent, not a dominant fill. Keep the design tonal and restrained.
|
|
|
|
## Typography
|
|
|
|
Use an elegant serif and sans-serif pairing.
|
|
|
|
- Serif heading options: `Georgia`, `Times New Roman`, `Cormorant Garamond`, `Playfair Display`, serif.
|
|
- Sans body options: `Inter`, `Arial`, `Helvetica`, `Microsoft JhengHei`, `Microsoft YaHei`, sans-serif.
|
|
- Cover title: 58-76 px, serif, 400-600 weight.
|
|
- Slide title: 38-52 px, serif, 400-600 weight.
|
|
- Section label: 11-13 px, sans-serif, 600 weight, uppercase optional.
|
|
- Body: 18-23 px, sans-serif, 400-500 weight.
|
|
- Caption: 12-15 px, sans-serif, 400 weight.
|
|
- Line height: 1.08-1.18 for serif titles, 1.4-1.6 for body.
|
|
- Letter spacing: 0.
|
|
|
|
Avoid overly decorative scripts and compressed display fonts.
|
|
|
|
## Layout Rules
|
|
|
|
- Use large margins and low density.
|
|
- Prefer one dominant text block and one quiet supporting element.
|
|
- Use thin lines to divide space, never heavy borders.
|
|
- Keep modules open and editorial instead of card-heavy.
|
|
- Use asymmetry carefully: elegant imbalance, not chaotic layout.
|
|
- Keep visual elements anchored to a clean grid.
|
|
|
|
## Dividers And Geometry
|
|
|
|
- Line weight: 1 px.
|
|
- Corner radius: 0-4 px only when needed.
|
|
- Use horizontal rules, vertical rails, crop marks, and small accent ticks.
|
|
- Avoid thick frames, heavy fills, shadows, glow, and gradients.
|
|
|
|
## Imagery
|
|
|
|
When imagery is used, prefer refined lifestyle, material detail, product detail, architecture, or brand photography. Crops should feel editorial and premium. Avoid generic stock photos, saturated colors, and busy collages.
|
|
|
|
## Charts And Data
|
|
|
|
Charts should feel quiet and editorial.
|
|
|
|
- Use direct labels.
|
|
- Use soft brown only for the primary signal.
|
|
- Use deep gray and muted beige-gray for context.
|
|
- Avoid dense grids and technical dashboard styling.
|
|
|
|
## Tone
|
|
|
|
The deck should feel like a premium brand book or luxury proposal: calm, selective, refined, and clear.
|