项目文件夹

文件
wehub-resource-sync 8cb1f9f479
Publish SDK (PyPI) / publish (push) Has been cancelled
Publish SDK (npm) / publish (@aionui/officecli-sdk) (push) Has been cancelled
SDK smoke / smoke (windows-latest) (push) Has been cancelled
Publish SDK (npm) / publish (@officecli/officecli-sdk) (push) Has been cancelled
Publish SDK (npm) / publish (@officecli/sdk) (push) Has been cancelled
Publish SDK (npm) / publish (officecli-sdk) (push) Has been cancelled
SDK smoke / smoke (macos-latest) (push) Has been cancelled
SDK smoke / smoke (ubuntu-latest) (push) Has been cancelled
Skill parity / diff (push) Has been cancelled
chore: import upstream snapshot with attribution
2026-07-13 13:09:29 +08:00

1.8 KiB

architectural-plan — Architectural Plan

Style Overview

Dark blue-gray background with light blue panels and gold accents, using structured panel divisions to simulate the professional layout of architectural plans.

  • Scene: Architectural design, business plans, real estate development
  • Mood: Professional, structured, architectural
  • Color Tone: Dark blue-gray background + light blue panels + gold accents

Color Palette

Name Hex Usage
Dark Blue 1C2B3A Background
Panel Blue B8D4E0 Content panels, sidebars
Gold Accent F4C430 Accent color, title underlines, badges

Design Techniques

  • Pages divided into dark areas and light panel areas, simulating the white space and annotation zones of architectural drawings
  • Left-right content panel alternating layout (left content/right panel or right content/left panel), adding rhythmic variation
  • Top navigation bar + numbering system (01, 02...), reinforcing the sectional coding aesthetic of architectural drawings
  • star_badge star-shaped badges as decorations, gold title underlines elevate hierarchy
  • roundRect rounded buttons with gold fill, unifying CTA visual style

Reference Script

Full build script available in build.sh. Recommended slides to read for understanding core design techniques:

  • Slide 1 (title) — Left-right panel division layout and star_badge decoration
  • Slide 3 (services) — Alternating panel layout and top navigation bar implementation
  • Slide 5 (contact) — Multi-statistic arrangement and CTA button design No need to read all — skim 2-3 representative slides.