Friends From The City brand guidelines: color-blocked sections

Friends From The City brand guidelines: color-blocked sections, brutalist, minimal, dark

Preview image. Unlock full-res

Brand guidelines document with three color-blocked sections: dark header, neutral middle grid, and bright lime-green footer.

Summary

Brand guidelines document with three distinct color-blocked zones: a dark header section with white headline, a neutral grid-based middle section, and a bright lime-green footer showcasing video-call background specifications.

Visual description

A vertical guidelines layout with three horizontal bands. The top section is a dark charcoal background with white sans-serif headline "Use These Guidelines & Let's Stay Friends" and a small yellow circular icon with arrow. Below that, gray body text explains that brand assets are available on Google Drive, with a "Social Media Story Format" label and a small grid diagram showing 5-column layout (1080x1920, 30px margin, 20px gutter). The middle section is a pale off-white background with a light pink tonal grid pattern (shown at small scale as a preview). The bottom third is bright lime-green with large black sans-serif text "Video Call Backgrounds" and "8.0" (version number) on the right. The grid and color zones create clear information hierarchy while maintaining visual interest through color contrast and spatial separation.

Key takeaway

Color-blocking can organize a guidelines document by function: dark + white for primary identity, neutral zones for modular specs, and a high-chroma accent for a distinctive feature or callout. The three-band structure is memorable and scannability is high because each zone does one thing visually. Large version numbers and clear labeling (Social Media Story Format, Video Call Backgrounds) make the doc self-explanatory without lengthy captions.

Reuse notes

Strong template for brand guidelines that need to showcase multiple deliverables or system components on a single page. Works well for modern tech/creative companies where lime-green or a bright accent can become a brand signal. The 1080x1920 specs are social-media-focused; adapt dimensions as needed. The rigid geometric structure supports both text-heavy and visual-heavy content without feeling cluttered.

More like this