Sabeel Center Re-Brand Book by Mahnoor Syed

SABEEL CENTER

SABEEL CENTER Brand Guidelines Sabeel Center | Ifanca Designed By: Mahnoor Syed

Tagline: Honor our heritage, strengthen our community

Introducing Sabeel Center

Hello, Salaam, The Sabeel Center is an Islamic Museum and community space dedicated to the life of Prophet Muhammad (SAW). It features various galleries that illustrate the history and legacy of Islam’s last prophet. The Sabeel Center It is a place where visitors can develop a greater understanding of Islamic culture and heritage through the arts, both learned and practiced.

Furthermore, the Sabeel Center serves as a base for community development. From offering a robust elder services program, to youth empowerment & education, a learning resource center for new immigrants and refugees, as well as a Halal community kitchen and pantry. The Sabeel Center strives to offer impactful social services, honoring the teachings of Muhammad (SAW).

Table of Contents

03. Table of Contents 04. Introducing Sabeel Center 05. Brand Mission & Values 06. Brand Mark 07. Logo Brief/ History 08. Logo Guidelines 10. Corporate Typography 14. Corporate Colors

3 www.sabeelcenter.org

Brand Mission & Values

Brand Brief: -Sabeel Center is a community development space dedicated to the life of Muhammad (SAW) -Our mission is to provide community services and promote islamic art and culture -Our vision is to be the pillar of coomunity enrichment where islamic heritage and social services intersect

Values: - Community development (social service) - Health & wellness (wellbeing) - Islamic culture and understanding (heritage) - Sunnat (faith, could be vice versa)

-Our values are understanding, service, and respect -Respect and understanding of Islamic history -Respect and service the needs of the community

4 Sabeel Center Brand Manual/Guide

1.0 Brand Mark.

Does Sabeel Center have the power to shift design trends? Probably not, but Sabeel’s recent rebrand clearly marks a shift in design thinking.

The new abstrct mark is made to be read as Sabeel in Arabic means “path” or “way”.

The design of the Abstract Logo Mark is made not only to be read as ‘Sabeel” but it’s made to be in Kufic Arabic and made into a square to showcase a path. When you look at the mark, it looks like a maze almost, with the lines not only leading your eyes but making them travel a path.

The Abstract Mark is combined with the Word Mark to complete the Brand Mark. They must be used in combination almost everytime.

Exceptions are Websites or on Merchandise.

Kufic script, in calligraphy, earliest extant Islamic style of handwritten alphabet that was used by early Muslims to record the Qurān. This angular, slowmoving, dignified script was also used on tombstones and coins as well as for inscriptions on buildings. Some experts distinguish Kūfi proper from Meccan and Medinese scripts, which were also used to copy the Qurān.

The script was called Kūfi because it was thought to have been developed at Kūfah in Iraq—an early Islamic centre of culture. Simple Kūfi was developed early in the Islamic era; the earliest surviving copies of the Qurān—from the 8th to the 10th century—were copied in it. Later a floral Kūfi flourished, and several other varieties of the script developed, including foliated Kūfi, plaited or interlaced Kūfi, bordered Kūfi, and squared Kūfi. It went out of general use about the 12th century, although it continued to be used as a decorative element to contrast with the scripts that superseded it. www.sabeelcenter.org “Kūfic Script.” Encyclopædia Britannica, Encyclopædia Britannica, Inc., https://www.britannica.com/topic/Kufic-script.

5

Logo Brief

Sabeel Center NEW LOGO

Sabeel Center OLD LOGO:

The old logo is a pictorial image of a geometric floral design. The colors are from Sabeel’s old branding and were chosen to represent the community center.

The conflict withthe old symbol logo is that is doesn’t have functionality nor purpose. It doesn’t tell a viewer what the place is, what it’s for, nor what it does.

The new branding incorporates similar geometric style with incorporating functionality and purpose by being made in Kufic Art form and made for a reason.

SABEEL CENTER

The new logo is minimalistic and spells out “Sabeel” in Arabic.

6 Sabeel Center Brand Manual/Guide

The Logo

SABEEL CENTER The Abstract Logo mark is meant to be used with the Word Mark of “Sabeel Center” created in Rubik Typography.

The Work Mark is in Rubik Medium

Abstract Mark

Word Mark

Must be used with the Word

Used next to the Abstract Mark

Mark

Typeface that works well with the weight of the abtract mark and compliments it.

SABEEL CENTER Symbol The Abstract Mark and Word Mark together with correct spacing of .125”

7 www.sabeelcenter.org

Minimum size

SABEEL CENTER

SABEEL CENTER

SABEEL CENTER Abstract and Word Mark Usage Marks used together side by side as a combined mark.

SABEEL CENTER SABEEL CENTER

Minimum size should be 2” for logo to maintain legibility on web.

For print, minimum is 1”.

Combind Brand Mark must be used side to side unless there is a need for condensing space, in which the Abstract Mark will be used on top of the Word Mark with centered alignment.

Sabeel Center Brand Manual/Guide

8

Corporate Typographic Sabeel Center’s typographic needs required a typeface that works with the Abstract Mark and represents the Brand’s missions and values.

Ag

The brand has two main typographies for use. One for the Logo and the other for corporate branding designs to ue for Print and Web. Rubik Medium was use to create the Word Mark for Sabeel Center and is to only be used in the logo.

The primary typeface to be used for Print and Web should be Karla.

9 www.sabeelcenter.org

Typographic

Rubik

Karla

For Logo Word Mark Use Only ABCČĆDĐEFGHIJKLMNOPQRSŠTU-

ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽab-

VWXYZŽabcčćdđefghijklmnopqrsštu-

cčćdđefghijklmnopqrsštuvwxyzž

vwxyzž

ĂÂÊÔăâê1234567890‘?’“!”(%)[#]{@}/&\<-

АБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋ

+÷×=>®©$€£¥¢:;,.*

УЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиії йјклљмнњопрстћуўфхцчџшщъыьэюяĂÂÊ Ôăâêô1234567890‘?’“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*

10 Sabeel Center Brand Manual/Guide

Typographic KARLA FONT

Glyphs

Karla is a grotesque sans serif family designed for the Latin and

ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽ

Tamil scripts.

abcčćdđefghijklmnopqrsštuvwxyzž

This is the Latin part of the family, which has been expanded now to a variable font with a weight axis ranging from ExtraLight to ExtraBold plus full support of Western, Central, and South-Eastern European languages.

Size

ExtraLight

Medium

ExtraLight Italic

Medium Italic

Light

SemiBold

Light Italic

SemiBold Italic

1234567890

Regular

Bold

Regular Italic

Bold Italic

‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Numbering & Numeric

Extra Bold Extra Bold Italic

11 www.sabeelcenter.org

Typographic Rubik Glyphs Rubik is a sans serif font family with slightly rounded corners designed by Philipp Hubert and Sebastian Fischer at Hubert & Fischer as part of the Chrome Cube Lab project.

Rubik is a 5 weight family with Roman and Italic styles, that accompanies Rubik Mono One, a monospaced variation of the Black

ABCČĆDĐEFGHIJKL MNOPQRSŠTUVWXYZŽ abcčćdđefghijklmnop qrsštuvwxyzž

roman design.

Meir Sadan redesigned the Hebrew component in 2015. Alexei Vanyashin redesigned the Cyrillic component in 2016.

Size/ Font Weight

Light Regular

АБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊО ПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвг ґдђеёєжзѕиіїйјклљмнњопрстћуў фхцчџшщъыьэюяĂÂÊÔăâêô Numbering & Numeric

Medium

1234567890

Bold

‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

12 Sabeel Center Brand Manual/Guide

2.0 2.0 Corporate CorporateColors Color Sabeel Center’s color palette is curated to maintain previous brand Does yogurt have the power to shift designtotrends? colors while adding a more pastel, soft accent symbolize what the Probably not, butstands Chobani’s recent rebrand clearly brand emotionally for better. marks a shift in design thinking.

Color will be the primary design aspect used to curate web and print materials.

The branding may use all shapes and is not restricted to sharp or rounded edges but must remain minimal to design aspects and maintain white space to ensure it’s brand identity.

Corporate Mood Color The Colors Palette of this Brand is curated with soft tones of greens and gold with neutral black and whites. It utilizes similar colors of the original branding while formig an identity with color groups and allowing the emotional needs of the Sabeel Center to be addressed. It maintains elegance with solid gold, black and white neutrals hues and soft green accents to symbolize belonging, opulance and richness in art in a subtle way.

Anti- Flash White f1f1f3

Opal

Jet Stream

a9bfb5

bcd7c9

Fern Green 547251

Fawn

Vampire Black

dbb26b

0b0505

C:4

R : 241

C : 35

R : 169

C : 26

R : 188

C : 68

R : 84

C : 15

R : 38

C : 15

R : 38

M:3

G : 241

M : 15

G : 191

M:5

G : 215

M : 37

G : 114

M : 29

G : 64

M : 29

G : 64

Y:2

B : 243

Y : 29

B : 181

Y : 22

B : 201

Y : 75

B : 81

Y : 67

B : 143

Y : 67

B : 143

k:0

K:0

K:0

k : 21

k:0

k:0

Emotional Needs: Excitement, Inspiration, Belonging, Elegance & Opulence Previous Colors: Black, White, Gold, Shade of Green for use on Modern Arab Mosaic Elements.

14 Sabeel Center Brand Manual/Guide

Primary Colors The Primary colors for Sabeel Center’s Brand Identity are Jet Stream which is a pastel, tea green that not only fits visually for an Art Museum but has cultural implementations based off the culture of drinking tea and is very soft and welcoming.

The next primary shade for Sabeel Center is Fawn. Fawn is within a shade of golds with a more muted yellow, beige undertone that fits very well with Opal, Black and White.

Fern Green is used as the next Primary Color to accentuate and give more depth in design.

It is closer tot the original Branding to maintain some continuity to prior elements.

bcd7c9 C : 26 M:5 Y : 22

dbb26b R : 188

C : 15

G : 215

M : 29

B : 201

Y : 67

0b0505

547251 R : 38

C : 68

R : 84

C : 15

R : 38

G : 64

M : 37

G : 114

M : 29

G : 64

B : 143

Y : 75

B : 81

Y : 67

B : 143

The Vampire Black is used as the last color for primary use in this brand. It will be used mainly alongside photography and as a background shade.

15 www.sabeelcenter.org

Corporate Mood Color

SABEEL CENTER

SABEEL CENTER SABEEL CENTER

SABEEL CENTER SABEEL CENTER

SABEEL CENTER

16 Sabeel Center Brand Manual/Guide

Color Use on Backgrounds Incorrect Usage

SABEEL CENTER SABEEL CENTER SABEEL CENTER SABEEL CENTER SABEEL CENTER The Abstract Mark may not be used in the same color as the background, below are permitted uses of color on the abstract logo.

SABEEL CENTER SABEEL CENTER SABEEL CENTER SABEEL CENTER SABEEL CENTER

The Word Mark may not be used in any color other than the Vampire Black and White as displayed below.

Correct Usage

SABEEL CENTER

SABEEL CENTER

17 www.sabeelcenter.org

3.0 Corporate CorporateStationary Stationary Does yogurt have the power to shift design trends?

Sabeel Center’s Branding is very fluid and open in Probably but Chobani’s recent rebrandFor clearly design fornot, circular and squared patterns.

Print and marks a shift inguidelines design thinking.

Web Material, are given on usage of Logo.

18 Sabeel Center Brand Manual/Guide

19 www.sabeelcenter.org

Use of Logo

The logo should only be placed on the top or bottom of the page for letterheads or brochures. It can be

SABEEL CENTER

aligned on any side or centered.

SABEEL CENTER

Envelope Vertical

Horizontal

29x21 cm

29x21 cm

The Sabeel Center Stationary’s minimum requirement is that Print

SABEEL CENTER

Material and Envalopes must contain the Abtract Mark somewhere either in the middle as a large sized logo or with the Word Mark next to it. They must follow size and spacing guides and color rules apply as well.

SABEEL CENTER

29x21 cm

Website 29x21 cm

The Website for Sabeel Center will showcase the different

SABEEL CENTER

Home Service Work Contact info

programs the center offers such as, Elder Program, Youth Program, Art Program, Halal Community Kitchen, Library, Special Events/ Collaborations.

Sabeel Center

Combined Sabeel Center Logo must be showcased and used as a “Home” button at the Header.

Name Id & Business Cards Business Card Mockup 3” x 2”

Business Card #1 3” x 2”

29x21 cm

Bilal Kazmi 8800 Ballard Rd,

SABEEL CENTER

SABEEL CENTER

Des Plaines, IL 60016 (847) 795-8800 contact@sabeelcenter.org

Bilal Kazmi 8800 Ballard Rd, Des Plaines, IL 60016

Bilal Kazmi

(847) 795-8800 contact@sabeelcenter.org

www.mostly.com

8800 Ballard Rd,

SABEEL CENTER

Des Plaines, IL 60016 (847) 795-8800 contact@sabeelcenter.org

Photographic Position

SABEEL CENTER www.sabeelcenter.org

SABEEL CENTER

Join the Community Programs www.sabeelcenter.org

Let’s talk about the Elderly Program www.sabeelcenter.org

SABEEL CENTER

LOCATION 8800 Ballard Rd, Des Plaines, IL 60016 (847) 795-8800 contact@sabeelcenter.org

SABEEL CENTER

Ifanca Logo Incorporation

SABEEL CENTER

SABEEL CENTER

SABEEL CENTER

Lets Think Futuristic Design Sabeel Center | Ifanca

www.sabeelcenter.org

link

off ice

www.sabeelcenter.org

Sabeel Center 8800 Ballard Rd, Des Plaines, IL 60016 Phone : (847) 795-8800