CITY COUNCIL
COMMUNICATIONS COMMITTEE
MINUTES FROM SEPTEMBER 27, 2022
Huntington Beach City Hall
ZOOM
Call to Order at 3:35PM
Roll Call
• Council Liaisons: (Present) Council Member Carr, Council Member Moser; Council Member Kalmick
• Staff Liaisons: (Present) Carey, Toledo, Frakes
• Public: Kathie Schey, Matt Liffreing, Chris Epting
Public Comments (3 minutes per speaker)
• Kathie Schey is in attendance to make herself available for any questions regarding FlasHBack content.
Approve Minutes from August 23, 2022 meeting.
• APPROVED
ADMINISTRATIVE ITEMS
1. PIO Update
• SurfCityBreak.com
− 6% more newsletter sign ups in last month
− 35% less article views in last month, probably due to the unusually high engagement the prior month.
− 59% more views in past 90 days
− Top posts: He’e Nalu Aloha Pier Festival, OCPA Transition, Downtown Dreamin’ − Top Referrals: Facebook, City Website, Twitter
− Please refer to attached presentation for additional information. • Ongoing Projects
− Social Media AR Review/Update: Administrative Regulation for Social Media is currently with City Attorney’s office for legal review. Expect to have it back by end of week, and hope to bring to the City Council the second meeting in October. − First City Council Meeting livestream on Facebook, Twitter and YouTube happened at last Council meeting. It was not publicized, but still had an estimated 100 views. − Will begin livestreaming Planning Commission in the future. − Also working towards purchasing “Live View Backpacks” to livestream outside events as well.
− Will be giving a tour of City’s TV Studio in the lower level and other related facilities to consultants from Long Beach and other Cities to get recommendations on studio and digital infrastructure setup.
− Three “Change to Change” donation meters have been set up to collect donations for Homeless System of Care services in the City. There will be two meters downtown, and one meter at the Central Library. Will highlight the meters and locations in upcoming social media posts, as well as the history of the program, and any updates. − City Branding project: Draft branding guideline provided to Communications Committee and included as an attachment to these minutes. CMO Staff worked with Executive Leadership Team and Deputy Leadership Team to decide on the path forward with “branding voice”. About 30% of the way towards completion, and will keep Communications Committee in the loop as we move forward.
2. HBTV Programming
− Review of current content (see attached PP Presentation). − Review of upcoming content (see attached PP Presentation), and excited to introduce new programming, “FlasHBack”.
CITY COUNCIL
COMMUNICATIONS COMMITTEE
3. Review of Upcoming Events (see attached PP Presentation)
Adjournment – 4:34pm. The next regularly scheduled meeting will be on October 25, 2022 at 3:30PM.
9/27/2022
1 Communications
Committee
September 27, 2022
Table of Contents
• Public Information Update
• Surf City Break
• Social Media
• Ongoing Projects/Priorities
• Branding Guide
• HBTV Programming/Content
• Content Update
• Upcoming Events
9/27/2022
2 Public Information
Update
Surf City Break
• 6% Newsletter Signups (3,519)
• 35% Views in Past 30 Days (10,426)
• 59% Views in Past 90 Days (35,112)
• Top Posts: He’e Nalu Aloha Pier Festival (1,224), OCPA Transition (661), Downtown Dreamin’ (497)
• Top Referrals: Facebook, City’s Website, Twitter
9/27/2022
3 Social Media - Facebook
Social Media - Instagram
9/27/2022
4 Social Media - Twitter
Ongoing Projects
• Standardized Social Media Policy
• Administrative Regulations – City Attorney Review
• City Council & Planning Commission Livestream Studio
• Event Livestream Equipment
• Buildout Tour – Staff & Consultant
• Change to Change Meters
• City Branding
9/27/2022
5 Branding Guide
• Communication Goals
• City Log & Seal Guidelines
• City’s Primary & Secondary Colors
• Typography
• Email Signature and Citywide Standardization
• Photography (Headshots & Approved Photos)
• Writing Guidelines
• Brand Voice
• Branding Toolkit
HBTV
Programming
9/27/2022
6 Current Content on HBTV
• Hidden Huntington Beach – Season 4 Underway
• Surf Scene
• Huntington Beach Public Library – Story and Craft Time • HB Symphony Orchestra
• Council Meetings/Planning Commission
Current Content on HBTV
Shorts and PSA
• ISA Opening/Parade
• Downtown Dreamin’
• 9-11 Tribute Ceremony
• Mosquito PSAs from OC Mosquito & Vector Control
• Surf and Skate Films by Human Relations Committee
9/27/2022
7 • Surf City Now – Biweekly Update with Mayor Delgleize • Surf Scene: Turner Family
• FlasHBack:
• Main Street Festival
• Geisler (former Mayor)
• Made in HB: Review Potential Businesses
• Hidden Huntington Beach
• Adventure Playground
• Encyclopedia Lots
• Weapons Station
• Sam’s Seafood or Perq’s
Upcoming Content on HBTV
Upcoming Events
9/27/2022
8 Upcoming Events
October
• Oktoberfest – thru Nov. 6, Old World
• Air Show – Sept. 30-Oct. 1, South of Pier
• Surf City Arts Fest – Oct. 8, Central Library
• Surfin’ Sundays – Oct. 9, Pier Plaza
• Fire Appreciation Night – Oct. 11, Surf City Nights
• HBFD Open House- Oct. 15, Gothard Station
• Cars ‘N Copters on the Coast – Oct. 15 & 16, South of Pier • Miss Huntington Beach – Oct. 22, Central Library
• Halloween Downtown – Oct. 31, Main Street
Questions?
HUNTINGTON BEACH
BRANDING
GUIDELINES
HUNTINGTON BEACH
BRANDING
GUIDELINES
City of
DRAFT
DRAFT
CONTENTS
3. COMMS GOALS
4. CITY SEAL
5. LOGO
6. DO’S AND DON’TS
7. COLORS
8. SECONDARY COLOR
9. ORIGIN
10. ORIGIN (cont.)
11. TYPOGRAPHY
12. TEN TIPS FORWRITING
13. BRAND VOICE
14. PHOTOGRAPHY
15. EMAIL SIG/CORRESPONDENCE
16. COMING SOON: EMPLOYEE TOOLKIT
Table of
DRAFT
DRAFT
DRAFT
DRAFT
GOAL #1 - Goal One
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
GOAL #2 - Goal Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
GOAL #3 - Goal Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
GOAL #5 - Goal Four
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
COMMUNICATION GOALS
PAGE 3 OF 16
DRAFT
DRAFT
DRAFT
DRAFT
CITY LOGO
PAGE 5 OF 16
PRIMARY
BOLSA BLUE
(w/ tagline)
The HB logo is the primary logo for the City and should be on most printed and electronic materials. The HB logo should be used for all non-legislative letterhead, presentations, envelopes, business cards, and graphics. The HB logo can be scaled to multiple sizes while retaining its legibility, making it the optimal choice for graphics, printing, embroidery, and other physical materials. This also allows for the integration of the iconic HB logo into future logos and Department branding.
CONTRAST
(WHITE)
CONTRAST
(SUNRISE YELLOW)
Care should be taken to
ensure the Huntington
Beach logo is as visible
as possible. Proper
usage requires a high
degree of contrast and
readability; separation
from the background
must be maintained.
HUNTINGTON BEACH, CA
PRIMARY
(SUNSET ORANGE)
PRIMARY
(SUNRISE YELLOW)
PRIMARY
(DEEP BLUE)
PRIMARY
SUNSET ORANGE
(w/ tagline)
PRIMARY
(BOLSA BLUE)
HUNTINGTON BEACH, CA HUNTINGTON BEACH, CA
DRAFT
DRAFT
DRAFT
DRAFT
CITY SEAL
PAGE 4 OF 16
PRIMARY
OUTLINED
(BLUE)
The City Seal should be used on all legislative materials, when the City needs to be the symbol of authority. When use of the City Seal is applicable, the primary seal should be used. However, the outlined City Seal may be used on collateral in which only one-color of ink is allowed for printing purposes, such as government documents. Always use the seal as provided in the original artwork files. Never alter the City Seal physically. Never stretch or distort the seal. Never remove assets or copy from within artwork.
OUTLINED
(GOLD)
OUTLINED
(WHITE)
Care should be taken to
ensure the Huntington
Beach seal is as visible
as possible. Proper
usage requires a high
degree of contrast and
readability; separation
from the background
must be maintained.OUTLINED
(BLACK)
DRAFT
DRAFT
CITY LOGO / DO’S & DON’TS
PAGE 6 OF 16
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
PRIMARY
(BOLSA BLUE)
STAY AWAY FROM OLDER LOGOS THAT HAVE BEEN USED IN THE PAST DRAFT
DRAFT
DRAFT
DRAFT
PRIMARY COLORS
PAGE 7 OF 16
PRIMARY
(BOLSA BLUE)
SECONDARY
(SUNSET ORANGE)
ACCENT
(SUNRISE YELLOW)
#fdb714
#f6851f
#1f639f
C:91 M:63 Y:12 K:1
C:0 M:58 Y:100 K:0
C:0 M:31 Y:100 K:0
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
DRAFT
DRAFT
DRAFT
DRAFT
SECONDARY COLORS
PAGE 8 OF 16
Main St
Color Palette
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
DRAFT
DRAFT
DRAFT
DRAFT
COLOR PALLETTE - BOLSA CHICA
PAGE 9 OF 16
Bolsa Chica
Color Palette
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
DRAFT
DRAFT
COLOR PALLETTE - AMERICANA
PAGE 10 OF 16
Americana
Color Palette
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
DRAFT
DRAFT
DRAFT
DRAFT
TYPOGRAPHY
PAGE 11 OF 16
There are three typefaces that make up Huntington Beach’s typographic language.
They have been chosen for the contrast as well as their boldness. One of these typefaces will be used to guide content (Poppins) and three different weights, while Britany Signature is used as a softer sub-headline and should only be used for one to three word pretext or subtext headings, offering a more organic and hand written feel to all of HB’s communications. Bebas Neu Pro will primarily be used for headlines as well as for calls to action in graphics. Poppins (in the light, medium, and Extra Bold weights will be used in the body text for it’s readability.
Poppins - Black
Poppins - Light
Poppins - Medium
Bebas Neu Pro
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ123456
7890abcdefghijklmnopqrstuvwxyz#!?&
ABCDEFGHIJKLMNOPQRSTUVWXYZ123456
7890abcdefghijklmnopqrstuvwxyz#!?&
ABCDEFGHIJKLMNOPQRSTUVWXYZ123456
7890abcdefghijklmnopqrstuvwxyz#!?&
AdobeHandwritting
Ernie
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ABCDEFGHIJKLMNOPQRSTUV
WXYZ1234567890abcdefgh
ijklmnopqrstuvwxyz#!?&
ABCDEFGHIJKLMN
OPQRSTUVWXYZ1234
567890abcdefghijklm
nopqrstuvwxyz#!?&
HUNTINGTON BEACH, CA
DRAFT
DRAFT
DRAFT
DRAFT
TEN TIPS FOR WRITING
(APStyle + Helpful Ideas)
PAGE 12 OF 16
DRAFT
DRAFT
DRAFT
DRAFT
BRAND VOICE
PAGE 13 OF 16
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
HUNTINGTON BEACH, CA
DRAFT
PHOTOGRAPHY
(suggestions for headshots and photo usage)
PAGE 14 OF 16
DRAFT
DRAFT
EMAIL SIGNATURE
Correspondence
PAGE 15 OF 16
CLEAN. CLEAR. CONSISTENT.
The City’s official email signature should be easy to read, immediately identifiable, and consistent across all city staff.
Email signature generating company, WiseStamp has many
options for designing and deploying email signatures
across company directiores, and even offer subtle
customizations that can add some dynamic movement.
For instance, the email signature can fade form the city seal, to the official logo, and back and forth.
City logo takes the reader to download MyHB App
e-mail signature generated by
Jane Doe
Job Title, City of Huntington Beach
(714) 555-1234 | [email protected]
huntingtonbeachca.gov
2000 Main St Huntington Beach, CA 92648
IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.
Jane Doe
Job Title, City of Huntington Beach
(714) 555-1234 | [email protected]
huntingtonbeachca.gov
2000 Main St Huntington Beach, CA 92648
IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.
E-mail signature with seal
E-mail signature with logo
DRAFT
DRAFT
EMPLOYEE TOOLKIT
PowerPoint Template
PAGE 16 OF 16
DRAFT
DRAFT