A Guide to the Textile Institute of Pakistan's Visual Language.
Logo
Horizontal Logo
Vertical Logo
Primary Logo
Horizontal logo ideal for wide spaces like website headers and signage, maximizing visibility with a left-to-right orientation.
Secondary Logo
Vertical logo is designed for narrow columns and social media, maintaining brand recognition in limited vertical space.
Primary Logo
Horizontal logo ideal for wide spaces
like website headers and signage,
maximizing visibility with a left-to-
right orientation.
Secondary Logo
Vertical logo is designed for narrow
columns and social media,
maintaining brand recognition in
limited vertical space.
Black & White Logo Variation
Logo Size & Space Guide
Clear Space
Make sure a clear space within the width of a 'Convocation cap' symbol is maintained with no other elements intruding, allowing for a 30px space.
Clear Space
Make sure a clear space within the
width of a 'Convocation cap' symbol is
maintained with no other elements
intruding, allowing for a 30px space.
Minimum Size
If the logo text is not visible, switch to a
vertical layout. Consider using a submark
if the logo size is reduced and the text
remains invisible.
Minimum Size
If the logo text is not visible, switch to a
vertical layout. Consider using a submark
if the logo size is reduced and the text
remains invisible.
Dos & Don't
- Do Not Use Outline.
- Do not change the color balance.
- Do not introduce new colors.
- Do not distort the logo elements.
- Do not Use logo on top of a busy place.
- Do not change the position of logo elements.
Typography
TYPOGRAPHY
Consistent typography is crucial for our brand.
Textile Institute of Pakistan recommends using
Futura as the primary font and Poppins for body
text. These fonts communicate clearly and are
versatile for different applications.
Primary Font
FUTURA
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.
FUTURA
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.
Secondary Font
Poppins
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.
Poppins
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.
Typography Weight
Futura
Light
Futura Medium
Medium
Futura Extra-Bold
Extra-Bold
Poppins
Light
Poppins Medium
Medium
Poppins Extra-Bold
Extra-Bold
Colors
#024CA0
Cobalt Blue
Calmness, Stability, & Depth
#fbcb0d
Sunlit Yellow
Warmth, Energy, & Optimism
#FFFFFF
Pure White
Clarity, Innocence, & Spaciousness
#000000
Pure Black
Formality, Luxury, & Timelessness
Elements
Fabric
Fabric Element of the Logo can also be used as core element for post and art design perspectives.
Tassel
This tassel can be used in the design to add any design element in the post or print design as an objects to creativity
Bar
Including the BAR element in designs, like posters and social media, helps maintain brand consistency also make sure the brand's color presence is maintained and represented effectively across various materials.
Submark
It's a submark representing students' potential and textile production materials, used in design for brand presence.