Files
MyAiDesk/nomifun-tauri/test-data/builtin-skills/morph-ppt/reference/styles/bw--swiss-bauhaus/style.md
T
freedak f7a720204a Update: 将子项目从 submodule 转为完整内容
- 移除 GovAI, nomifun-tauri, 算力盒子 的 submodule 引用
- 添加所有子项目的完整源代码
- 保留原始 .git 为 .git.bak 备份
2026-07-04 19:20:46 +08:00

2.2 KiB

Swiss Bauhaus — Swiss Bauhaus

Style Overview

Strict red-black-white three-color geometric grid, classic Swiss/Bauhaus design style.

  • Scene: Design agencies, architectural firms, art exhibitions, brand design
  • Mood: Rational, rigorous, classic, restrained
  • Tone: Red-black-white three colors

Color Palette

Name Hex Usage
Off-White F5F5F5 Background
Bauhaus Red E63322 Main blocks, accent color
Near Black 1C1C1C Blocks, text
White F5F5F5 Blocks (matching background)

Strict red/black/white three-color palette, no other colors used.

Typography

  • Titles: Segoe UI Black
  • Body: Segoe UI
  • Note: Impact font not used (explicitly stated in script comments)

Scene Elements

  • blk-a (red rectangle), blk-b (dark rectangle), blk-c (white rectangle) — Main color blocks
  • bar-1 (thin lines) — Grid/divider lines
  • dot-1, dot-2 (small squares) — Geometric punctuation decorations
  • photo-1, photo-2 — Photo elements
  • Uses image assets (design-workshop.jpg, design-abstract.jpg, team1.jpg) — can be ignored when using as style reference

Design Techniques

  • Classic Swiss/Bauhaus design — strict geometric grid
  • Large color blocks dramatically reorganize on each page: left column → top bar → middle band → bottom fill → full coverage
  • Thin lines (bar) create grid/ruler lines
  • Small squares (dot) as geometric punctuation decorations
  • Text follows strict margin rules (x≥1.6cm, width≤block-2cm)
  • 6 slides

Reference Script

Complete build script available in build.sh. Note: Script uses image resources from assets/ directory, image parts can be ignored when using as style reference. Recommended slides to read for understanding core design techniques:

  • Slide 1 — Title page, initial geometric layout of blocks + thin line grid
  • Slide 4 — Major block reorganization, demonstrating dramatic transformation from left column to horizontal bar
  • Slide 6 — Full block coverage final state, understanding complete transformation sequence No need to read all — skim 2-3 representative slides.