# S23-isometric-clean — Isometric Clean Tech ## Style Overview Light blue-gray background using diamond and rectangle combinations to create isometric/3D block visuals, conveying a clean and modern technological feel. - **Scene**: Tech products, SaaS platforms, data display - **Mood**: Clean, modern, technological - **Color Tone**: Light blue-gray base + blue accent + light gray layers ## Color Palette | Name | Hex | Usage | | --------------- | ------ | ---------------------------------------------- | | Light Blue-Gray | F0F4F8 | Background base color | | Blue | 4A90D9 | Primary accent color, isometric block top face | | Light Gray | E8ECF1 | Block side face, auxiliary color block | ## Design Techniques - Diamond shapes simulate isometric perspective block top faces, rectangles serve as side faces, combined to create 3D block effects - Blocks arranged in grid pattern, forming isometric spatial sense - Restrained color scheme (only blue-gray), maintaining clean and uncluttered appearance - Typography uses modern sans-serif fonts like Inter Bold ## Reference Script Complete build script is in `build.sh`. **Recommended slides to read for understanding core design techniques**: - **Slide 1 (hero)** — How to construct isometric blocks using diamond + rectangle combinations - **Slide 3 (pillars)** — Grid layout with multiple block arrangements No need to read all — skim 2-3 representative slides.