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