EGS Pillay Logo
Home/Typography

Typography

Our typography system creates hierarchy and enhances readability across all brand touchpoints. We use three carefully selected typefaces, each serving a specific purpose in our visual communication.

Font Usage Overview
Montserrat
Print & Headlines
Poppins
Body & Captions
Jost
Web & Software UI

Font Families

Headline Font

Montserrat

Page titles, headers, and key highlights

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%

WEIGHTS
Regular 400
Medium 500
Semibold 600
Bold 700
Extrabold 800
BEST FOR
Print MaterialsSignagePosters
Body Font

Poppins

Paragraphs, descriptions, and captions

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%

WEIGHTS
Light 300
Regular 400
Medium 500
Semibold 600
BEST FOR
DocumentsBrochuresReports
NEW
Web & Software Font

Jost

Web interfaces, apps, and software UI

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%

WEIGHTS
Light 300
Regular 400
Medium 500
Semibold 600
Bold 700
BEST FOR
WebsitesMobile AppsSoftware UI

Jost - Web & Software Typography

Optimized for digital screens and interfaces

Why Jost for Digital?

  • Geometric sans-serif with excellent screen legibility
  • Optimized for web rendering at all sizes
  • Modern aesthetic perfect for digital interfaces
  • Variable font support for performance
  • Excellent international character support

Use Cases

Websites
All web pages & portals
Mobile Apps
iOS & Android apps
Software UI
Desktop applications
Digital Docs
PDFs & presentations
Jost Preview

EGS Pillay Group of Institutions

Social Transformation through Dynamic Education

Welcome to EGS Pillay Engineering College, where excellence meets innovation. Our commitment to quality education has shaped thousands of successful careers since 1995.

Established by Dr. Chev. G.S. Pillay, our institution continues to uphold the highest standards in technical education.

Font Pairing Guidelines

Print Materials

Montserrat Bold
Poppins Regular for body text. Use this combination for brochures, posters, and printed documents.
BrochuresPostersReports

Digital / Web

Jost Bold
Jost Regular for body text. Use this combination for websites, apps, and all digital interfaces.
WebsitesAppsSoftware

Download Fonts

Implementation Code

HTML / CSS (Google Fonts)
Copy
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
CSS Variables
Copy
:root {
  --font-headline: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-web: 'Jost', sans-serif;
}

/* Print Materials */
.print-headline { font-family: var(--font-headline); }
.print-body { font-family: var(--font-body); }

/* Web & Software */
.web-ui { font-family: var(--font-web); }
Tailwind CSS
Copy
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      fontFamily: {
        'headline': ['Montserrat', 'sans-serif'],
        'body': ['Poppins', 'sans-serif'],
        'web': ['Jost', 'sans-serif'],
      },
    },
  },
}

// Usage: className="font-headline" | "font-body" | "font-web"