SuperAPI AI Directory

layout-beautify

Office & productivity

View repository

Updated 10-15 19:17

About this skill

Layout Enhancement Rules

Visual Hierarchy (from largest to smallest)

Level Font Size Font Weight Color Usage
Cover Title 40-48 Bold White/Primary Color Cover page title
Page Title 28-34 Bold Primary Color Title at the top of each page
Subtitle 20-24 SemiBold Dark Gray Section title
Body Text 14-18 Regular Medium Gray 0x444444 Content text
Auxiliary 11-13 Regular Light Gray 0x999999 Footer, captions

Decorative Element Patterns

Page title area decoration (recommended for every content page)

// 标题下方的主色色条(视觉锚点)
var accent = slide.Shapes.AddShape(1, 50, 70, 60, 5);
accent.Fill.ForeColor.RGB = PRIMARY_COLOR;
accent.Line.Visible = false;

Color band at the top of the page

// 顶部细色带(贯穿整页宽度)
var topBar = slide.Shapes.AddShape(1, 0, 0, pageW, 8);
topBar.Fill.ForeColor.RGB = PRIMARY_COLOR;
topBar.Line.Visible = false;

Side decorative bar

// 左侧竖向色条
var sideBar = slide.Shapes.AddShape(1, 0, 0, 8, pageH);
sideBar.Fill.ForeColor.RGB = PRIMARY_COLOR;
sideBar.Line.Visible = false;

Spacing Specifications

  • Page margins: 60pt left and right, 40pt top, 30pt bottom
  • Spacing between title and first content element: 25-35pt
  • Spacing between cards: 16-24pt
  • Bullet line spacing: SpaceAfter = 8-12
  • Paragraph spacing: SpaceAfter = 16-20

Alignment Rules

  • Elements in the same row must be top-aligned (same Top)
  • Columns in a multi-column layout have equal width and equal spacing
  • Titles are uniformly left-aligned (Left = 60)
  • Numbers/data are center-aligned (Alignment = 2)
  • Page title + body area maintain the same left margin

Font Specifications

  • Chinese Font: Microsoft YaHei (preferred), Source Han Sans
  • English/Number Font: The built-in English portion of Microsoft YaHei is sufficient
  • Fonts are uniform throughout; no more than 2 fonts in the same PPT
  • Numbers can be 2-4pt larger than the adjacent text to increase visual weight

Shape Styles

// 标准卡片样式
function styleCard(shape, fillColor) {
  shape.Fill.ForeColor.RGB = fillColor;
  shape.Line.Visible = false;
  try { shape.Adjustments.Item(1) = 0.06; } catch(e) {}
}

// 标准圆形图标底
function styleCircle(shape, fillColor) {
  shape.Fill.ForeColor.RGB = fillColor;
  shape.Line.Visible = false;
}

Prohibitions

  • ❌ More than 3 fonts on the same page
  • ❌ More than 4 colors on the same page
  • ❌ Text smaller than 11pt
  • ❌ Content pressed against the page edge (minimum margin 30pt)
  • ❌ Pure text with no decorative elements at all
  • ❌ Cover page uses a white background (the cover must have visual impact)