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
1.8 KiB
1.8 KiB
Liquid Flow — Fluid Light Effects
Style Overview
Deep purple background with multicolor fluid light spots, large ellipses with low transparency overlapping to create a liquid flow effect.
- Scene: Brand visual upgrade, creative launches, fashion showcases, premium products
- Mood: Flowing, dreamy, premium, avant-garde
- Tone: Dark tones, multicolor gradient light effects
Color Palette
| Name | Hex | Usage |
|---|---|---|
| Deep Purple Night | #0F0F2D | Page background |
| Violet | #6C63FF | Primary light spot |
| Mint Green | #48E5C2 | Auxiliary light spot |
| Coral Pink | #FF6B8A | Auxiliary light spot |
| Electric Blue | #3D5AFE | Auxiliary light spot |
| Amber | #F5AF19 | Small droplets |
| Title White | #F5F5FF | Title text |
| Body Blue | #C8C8FF | Body text |
| Auxiliary Gray | #8888CC | Auxiliary text |
Design Techniques
- Fluid light spots: 4 large ellipses (12-14cm) + 3 small droplets (3-4cm), different colors, different transparency (0.28-0.55), with rotation
- Liquid flow effect: Ellipses overlap each other, color mixing creates depth effect
- Morph choreography: Light spots shift significantly between pages (10-15cm) + rotation changes, creating a sense of flow
- Characteristics: Irregular fluid light spots + multicolor layering, creating liquid flow effect
Reference Script
Complete build script is in build.sh.
Recommended slides to read for understanding core design techniques:
- Slide 1 (hero) — Fluid light spot layout and layering effects
- Slide 3 (pillars) — How light spots complement content cards
No need to read all — skim 2-3 representative slides.