Preview image. Unlock full-res
Color rules for the polka-dot Community Pattern, shown as four do/don't vertical panels mixing avatar-filled dots and a yellow story.
Summary
A rules page for Discord's Community Pattern (a field of dots that stand in for many users), pairing written guidance with four panels: approved yellow-story and fuchsia avatar-dot grids, and red-struck versions to avoid.
Visual description
The familiar white-left / near-black-right split. The left column shows the blurple "03 BRAND COLORS" eyebrow, a two-tone "USAGE / COMMUNITY PATTERN" headline, a short bold intro, and four numbered color rules for the pattern. The right 2x2 grid shows: a yellow vertical story with an illustrated character and blurple headline (green numbered marker), a fuchsia panel of large yellow dots with a few dots filled by user avatars (green marker), the same yellow story again struck with a red diagonal (red marker), and a fuchsia panel where the dots are a chaotic mix of off-brand colors, struck through in red (red marker). The contrast teaches: white pattern behind content and a single accent for standalone use, versus a clashing multicolor dot field.
Key takeaway
Treating a decorative pattern as a system with its own color rules, and proving it with avatar-filled dots that show the pattern literally representing people. The mix of do (green) and don't (red strike) examples inside one grid compresses a whole rule set onto a single page.
Reuse notes
A model for documenting any signature brand pattern or texture: state where it sits behind content, how it behaves standalone, and what color treatments break it. Reach for it when a brand element carries meaning (here, community) that the wrong colors would distort.
From this deck: Community Pattern color rules
View deck
