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
circle-digital — Dark Cool Digital Agency
Style Overview
Near-black background with dark gray cards and neon lime accent color, creating a dark mode digital marketing agency aesthetic.
- Scene: Digital marketing, creative agencies, tech companies
- Mood: Modern, dark-cool, digital
- Color Tone: Near-black background + dark gray card layers + neon lime accents
Color Palette
| Name | Hex | Usage |
|---|---|---|
| Near Black | 0D0E11 | Background |
| Dark Gray 1 | 171A20 | Card bottom layer |
| Dark Gray 2 | 22252E | Card middle layer |
| Dark Gray 3 | 2D3140 | Card top layer |
| Neon Lime | C4FF00 | Accent color, CTA, decorative lines |
Design Techniques
- Extensive use of circles (ellipse) as image placeholders and decorative elements, embodying the "circle" theme
- Multi-layer dark gray cards stacked to create dark mode hierarchy and depth
- Neon lime as the only bright color, used for CTA buttons, decorative dots, and dividers, creating strong contrast
- Left vertical decorative bars + numbering system, adding structural sense to the layout
- roundRect rounded buttons with neon lime fill, highlighting calls to action
Reference Script
Full build script available in build.sh.
Recommended slides to read for understanding core design techniques:
- Slide 1 (title) — Circle image placeholder, neon lime CTA button, and left vertical decorative bar
- Slide 2 (services) — Dark gray multi-layer card arrangement and hierarchy construction
- Slide 4 (portfolio) — Application of circle elements in content display No need to read all — skim 2-3 representative slides.