# 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.
