Files
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

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.