Identity Elements
Design Test Page

 

mint-line-pattern-bg.png
 

Logos options over solid background

1_Monoline version
Same line weight throughout graphic, paired with clean sans serif logotype

SFCO_Logo-Test3-dullorange-full.png
 
All-caps in acronym form

All-caps in acronym form

or keeping to lowercase for both

or keeping to lowercase for both


2_Hand-drawn/Ink version
No vertical suspension lines on bridge, all-caps type treatment

SFCO_Logo-Test4-full.png
 
SFCO_Logo-Test4-SFCO-avenir-mixed.png

3_Hand-drawn/Ink version 2
Vertical suspensions on bridge, lowercase type treatment, mixed SF/CO treatment

SFCO_Logo-Test5-orange-full.png
 
SFCO_Logo-Test5-orange-SFCO-mixed.png
 

Badge Format

For fun :) To be used sparingly, but could be appropriate in certain situations

 
SFCO_Logo-Test6-SFCO-badge1.png
 
SFCO_Logo-Test6-SFCO-badge2.png
 
 
olive-line-violin-bg.png
 

Logo options over photo background

1_Monoline version
Same line weight throughout graphic

SFCO_Logo-Test3-dullorange-full.png
 
SFCO_Logo-Test3-white-SFCO2.png
SFCO_Logo-Test3-white-SFCO.png

2_Hand-drawn/Ink version
No vertical suspension lines on bridge, all-caps type treatment

SFCO_Logo-Test4-full.png
 
SFCO_Logo-Test4-SFCO-avenir.png
SFCO_Logo-Test4-SFCO-avenir-mixed.png

3_Hand-drawn/Ink version 2
Vertical suspensions on bridge, lowercase type treatment, mixed SF/CO treatment

SFCO_Logo-Test5-orange-full.png
 
SFCO_Logo-Test5-orange-SFCO-mixed.png
 
 
hero-bg-audience1.jpg

Color Palette

Main Colors

Taking into account original color requests of Orange, Royal Blue, Gold and Black, colors were tuned to best color relationships for this palette. 

Main-Colors.png
 

RGB: 51/47/48
CMYK: 68/65/62/61
#332f30

RGB: 51/47/48
CMYK: 68/65/62/61
#332f30

RGB: 51/47/48
CMYK: 68/65/62/61
#332f30

RGB: 51/47/48
CMYK: 68/65/62/61
#332f30

 
 

Secondary Colors

In addition, secondary colors were added to create a richer set that would complement each other well in graphics and backgrounds.

 

 

orange-line-pattern-bg.png

Graphic Style

To balance out the bold and bright color palette, simple yet dynamic graphic elements were created using lines.

Patterns to evoke music, rhythm, strings, etc. were used for backgrounds. The line weight is kept thin, bringing a sense of sophistication. 

This playful style speaks to the friendliness of SFCO’s identity, but also is clean and sharp.

Demo-patterns.png

 

 

olive-line-violin-bg.png

Image Treatments

Graphic line and shape elements are integrated with the photos on the homepage to add to the story in each image.

Photo-treatment.png
trumpet.png



 

 

gold-line-pattern-bg2.png