Media Smart Citizens

Developed a comprehensive brand identity including logo, color palette, and visual guidelines, then designed functional presentation templates and website layouts for Media Smart Citizens

2021

Brand IdentityVisual GuidelinesPresentation DesignWeb Layout
I. BRAND IDENTITY SYSTEM

SCOPE

Established the primary brand mark and the core abbreviated and wordmark forms so the initiative reads clearly at full scale and in supporting applications.

PRIMARY LOGO

LOCKUPS

Approved secondary marks sit below the primary logo: a monogram for compact contexts and a dedicated wordmark for horizontal lockups.

Media Smart Citizens monogram mark

Monogram mark for tight spaces, social avatars, and moments where a short glyph reads faster than the full name.

Media Smart Citizens wordmark

Wordmark for headlines, horizontal layouts, and anywhere the full initiative name should carry the voice of the brand.

II. BRAND GUIDELINES

SCOPE

Documented typography, color and gradient behavior, and approved lockup variations so teams can implement the system without drifting off brand.

TYPOGRAPHY

Media Smart Citizens typography sample
Primary typeface in use
Media Smart Citizens typography sample
Primary typeface in use

Town type treatment sets the editorial voice for titles and display lines across deck and web surfaces.

GRADIENT AND COLOR PALETTE

Media Smart Citizens brand gradient and palette

The gradient anchors the palette and signals motion and depth; paired neutrals and accent hues support UI, print, and presentation layers.

LOCKUP VARIATIONS

Media Smart Citizens lockup variation
Approved variation
Media Smart Citizens lockup variation
Approved variation
Media Smart Citizens lockup variation
Approved variation
Media Smart Citizens lockup variation
Approved variation
Media Smart Citizens lockup variation
Approved variation

Light and dark treatments keep the mark legible on neutral, tinted, and photographic backgrounds.

III. SLIDE DECK SYSTEM

SCOPE

Created a deck framework for structured storytelling, balancing narrative clarity with reusable layouts for stakeholder communication.

KEY OUTPUTS

Media Smart Citizens slide slide-deck_1
slide-deck_1
Media Smart Citizens slide slide-deck_2
slide-deck_2
Media Smart Citizens slide slide-deck_3
slide-deck_3
Media Smart Citizens slide slide-deck_4
slide-deck_4
Media Smart Citizens slide slide-deck_5
slide-deck_5
Media Smart Citizens slide slide-deck_6
slide-deck_6
Media Smart Citizens slide slide-deck_7
slide-deck_7
IV. WEBSITE UX REFINEMENT

SCOPE

Extended the identity into website layout studies with clearer visual hierarchy, improved scanning patterns, and better page-level composition.

KEY OUTPUTS

Media Smart Citizens layout landing-page_1
landing-page_1
Media Smart Citizens layout landing-page_2
landing-page_2
Media Smart Citizens layout landing-page_3
landing-page_3
Media Smart Citizens layout landing-page_4
landing-page_4
Media Smart Citizens layout landing-page_5
landing-page_5
Media Smart Citizens layout landing-page_6
landing-page_6
V. ADDITIONAL ASSETS

SUPPORTING MATERIALS

Files not assigned to the sections above are listed here so nothing is omitted from the case study.

Media Smart Citizens brand-black
brand-black
Media Smart Citizens brand-white
brand-white