The identity of a school built to last.

Visual Identity System

Logo System

Logo Overview & Rationale

The Drona Global School logo is a combination mark integrating three layered symbols that tell the story of the school's heritage and pedagogical focus:

• The Open Book: At the base, rendered in DGS Cyan (#3FC0DE). It represents the foundation of knowledge, active learning, and accessibility.
• The Rising Sun: In the background, rendered in DGS Gold (#F5C200). It represents aspiration, enlightenment, and a bright future.
• The Archer Silhouette: In the center, representing Dronacharya. Mid-draw, drawing a bow to the upper-left, representing precision, focus, and target-driven growth.

Primary Logo

The horizontal lockup is the primary logo. It features the composite icon on the left and the wordmark stack on the right (DRONA in large bold Caps, GLOBAL SCHOOL in medium Steel Blue below, and the trust affiliation line at the bottom).

Secondary Logo

The stacked lockup is used when horizontal space is limited (e.g. square formats, center-aligned brochures, banners).

Icon Mark

The composite icon on its own (the book, sun, and archer). Used for favicons, profile pictures, small digital spaces, and watermarks.

Word Mark

The standalone text "DRONA GLOBAL SCHOOL" in Montserrat. Used for document headers, email signatures, and where the full icon would be illegible.

Sub Mark

A circular badge format variant enclosing the archer, sun, and book with the words "DRONA GLOBAL SCHOOL - MADURAI" wrapped around the border. Used for stamps, certificates, and badges.

Water Mark

A muted, 40% opacity version of the icon mark (DGS Navy or White) used as a background texture on certificates, stationery, and presentation slides.

Favicon

A simplified 32x32px or 16x16px version of the icon mark for browser tab representation, optimized for pixel clarity.

Logo Construction, Grid & Clear Space (Cap-Height Rules)

A protective zone of clear space equivalent to the height of the letter D in DRONA (marked as X) must surround the logo in all directions. No other text, graphic, or boundary lines may enter this zone.

Minimum Size Rules for Print (mm) & Digital (px)

Responsive Logo Lockup Behavior & Breakpoints

The Drona Global School logo system operates responsively across physical print and digital screens. Depending on the container width and medium, specific lockup variants are selected dynamically:

Logo Usage Decision Tree (Medium-Based Selection)

• Use Primary Horizontal Logo for websites, letterheads, and horizontal banners.
• Use Secondary Stacked Logo for square signage, center-aligned brochures, and profile cards.
• Use Icon Mark for browser tab icons, stamps, social media profiles, and watermarks.
• Use Wordmark for document bodies, headers, and footer affiliation details.

Logo Misuse — Do Not Stretch, Recolour, or Re-Typeset

The following uses weaken DGS's visual equity and are strictly forbidden. Always use original source files.

Color System

The Drona color system is built to be ownable, accessible, and emotionally aligned with the brand's educational mission.

Color Philosophy & Narrative

Our colors represent our school's character: DGS Blue brings systemic grounding, academic depth, and trust; DGS Gold represents the warmth of the sun, aspiration, and achievement; DGS Cyan reflects our forward-looking STEM and Cambridge programs. Every brand application must adhere strictly to the ratios and accessibility rules defined below.

Primary, Secondary, and Accent Color Ramps (Primitive Tokens)

The core palette of Drona Global School is composed of three primitive color values, each optimized for digital rendering and high accessibility:

Semantic Color Roles (Surface, Text, Action, Feedback)

• DGS White (#ffffff) - Primary surface canvas. Creates spaciousness and clarity.
• DGS Neutral BG (#f8fafc) - Secondary workspace container background.
• DGS Blue (#2a6a8c) - Main interaction, navigation active states, buttons, and titles.
• DGS Black (#000000) - Grounding contrast text. Used for all core body copy.
• DGS Grey (#6b7280) - Muted secondary text, borders, and grid line dividers.
• DGS Gold (#f6c223) - High-priority highlights, active borders, milestones, achievements.
• DGS Cyan (#4aadce) - Accents for infographics, STEM lab features, and icons.

Light Mode and Dark Mode Color Role Mapping

To preserve visual consistency, semantic roles translate between environments according to the mapping below:

Color Ratios

Across all brand applications, the colours should be balanced approximately as follows.

Approved Color Combinations (WCAG AA Contrast Grid)

Web/Digital (HEX, RGB) vs. Print (CMYK, Pantone) Color Spaces

To avoid shift in color values across digital panels and print collateral offset machines, use these exact parameters:

Color on Dark or Photo-Overlay Backgrounds

When overlaying brand text on Drona Blue backgrounds or campus photographs, you must follow these rules:

• Always use DGS White text on Drona Blue canvas backgrounds to ensure WCAG AA contrast (ratio 5.8:1).
• For photographic backgrounds, apply a Drona Navy (#1D4F7C) color overlay at 40% to 60% opacity to ground the text.
• Never overlay secondary body text directly on unfiltered photos.

Color Misuse & Contrast Violations

Typography System

Typography is the verbal voice made visual. Drona's typography system communicates precision, clarity, and authority.

Typography Philosophy

Our choices reflect our CBSE and Cambridge academic parameters. We use clean, modern typefaces with generous spacing to ensure readability and represent our school's structured yet open, breathing educational path.

Primary Typeface (Google Fonts / Custom Brand Font Spec)

Montserrat is the primary font family for all Drona Global School communication. A geometric sans-serif font family, it evokes contemporary confidence, stability, and structure:

Secondary / Script Typeface

For vernacular Tamil medium communications, we use Noto Sans Tamil. It is paired with Montserrat to maintain clean visual alignments:

Font Licensing & Web Font Fallback Stacks

Montserrat and Noto Sans Tamil are licensed under the SIL Open Font License (OFL) and loaded from Google Fonts. Standard system stacks are declared as fallback to prevent layout shifts:

Modular Type Scale Hierarchy (Display, H1, H2, H3, H4, Body, Small, Caption)

Drona uses a strict modular type scale to establish immediate visual hierarchy. Text sizing is mapped systematically below:

Spacing Rules (Line Height & Max-Measure Length / 60-75ch)

To ensure high readability and comfortable tracking on wide digital displays, body paragraph measures must never exceed 75 characters (65ch is recommended). Margin rules are set as follows:

• Body Line Height: Always set to 1.7 (relative) to provide breathing room and prevent visual crowding.
• Content Paragraph Measure: Limit with `max-width: 65ch` in CSS layout rules.
• Paragraph Spacing: Bottom margin `margin-bottom: 18px` separates text blocks cleanly without deep indentations.

Typography on Color Surfaces

Text contrast must always be verified on solid backgrounds:

• On dark backgrounds (DGS Blue #2a6a8c), text must render as DGS White (#ffffff). High-priority numbers or tags may use DGS Gold (#f6c223) but never DGS Cyan.
• On light backgrounds (DGS White #ffffff / Neutral BG #f8fafc), body text must render as DGS Black (#000000) or DGS Navy (#1D4F7C) for titles. Never use light grey for body text.

Typography Misuse & Mixed Weight Anti-patterns

Imagery System

Photography and graphics represent our school environment, expressing warmth, inquiry, and technical competencies.

Photography Philosophy & Art Direction

We do not use stock-style photos. Our imagery highlights active, student-focused education. Every photograph must feel real, un-staged, and emphasize parent-teacher-student relationships:

Subject Matter & Composition Guidelines

All compositions must follow clean photography guidelines. Maintain a single dominant subject and use natural campus lighting:

• Rule of Thirds: Position the subject (student or teacher) at the intersection of grids, leaving negative space for a breathing feel.
• Eye-Level Angle: Shoot at the children's eye level to invite empathy and view the campus through their perspective.
• Depth of Field: Use a shallow depth of field (blurry background) to keep focus sharp on the active learning process.

Lighting, Treatment, Color Grade & Photo Filters

We apply a natural, warm, and high-clarity color treatment to all official photography. Avoid heavy filters or unrealistic color presets:

Approved vs. Rejected Photographic Examples (Do/Don't Grid)

Illustration Style & Vector Accent Standards

Our illustration style is sharp, flat, and vector-based. We do not use detailed 3D renders or generic clip-art style cartoons:

Photo Overlay System & Brand Angle Layouts

When applying typography on photographs (e.g. for banners or social posts), use the Drona Brand Angle overlay system. The angle mirrors the drawn bow vector (aligned to the top-left), separating copy from the photography canvas with a crisp border.

AI Image Generation Prompts & Style Weights

To generate consistent visual assets using tools like Midjourney or DALL-E 3, design prompts with these stylistic weights:

Iconography System

The Drona iconography system translates the Dronacharya principles into clear, confident symbols. Every icon follows precise geometric guidelines to ensure elegance across digital and print mediums.

Icon Style, Grid (24px base) & Corner Radius rules

All brand icons must adhere to the core principles below to maintain professional discipline and visual uniformity.

Master Icon Library (Categorized Icon Index)

Hover over any icon tile to download the high-resolution vector SVG file. Use the live filter or search to locate specific symbols instantly.

Icon Sizing, Spacing & Alignment Rules

To maintain clean alignments on dashboards and marketing graphics, icons must be placed in standard bounding box containers:

• Micro Icons (16px): Used inside inline buttons, list markers, and badges.
• Standard Icons (24px): Used in main navigation columns, card headers, and sidebar lists.
• Large Icons (32px / 48px): Used in featured hero cards and standalone icons.
• Alignment: Icons must always center-align vertically and horizontally with adjacent headings.

Icon Color Rules & Background Containers

Icons must use approved brand colors to indicate state and hierarchy:

• Active state: Rendered in DGS Gold (#f6c223) or DGS Blue (#2a6a8c) on light surfaces.
• Inactive/Default state: Rendered in DGS Grey (#6b7280) or DGS White with 50% opacity.
• Containers: When housed in circles or squares, the container background must use DGS Blue with 10% opacity, or a solid grey background.

Creating New Icons (Stroke Weights & Construction Spec)

When creating new vectors to expand the DGS icon library, follow these guidelines:

• Construct all new icons on a 24px base grid.
• Use a constant 2px stroke weight for all paths.
• Keep corners slightly rounded with a 1px or 2px corner radius. Avoid sharp 90-degree vector corners for icons.
• Ensure all paths are outlined before exporting clean SVG codes.

Graphic Motifs

Visual elements that reinforce Drona's brand identity, giving texture and recognition to all digital and print layouts.

Brand Shape System & Geometry

Drona's visual patterns use four key graphic motifs inspired by Dronacharya's teach-and-target narrative:

Repeating Pattern (Digital & Print)

A repeating grid of clean dots or thin 1px lines at 30-degree angles may be applied to print borders, backgrounds, and document back covers. This represents DGS's systems scheduling and structured approach.

Section Dividers & Accent Lines

Dividers between sections must use 1px solid lines with 8% opacity. Accent lines (such as the left border rails on selected sections) are rendered in 3px solid Drona Blue to anchor copy blocks.

Content Containers & Cards Style

Content containers must be styled with a solid white background, a thin 1px border (#000000 at 8% opacity), and a sharp 4px border-radius. Avoid soft gradients or rounded shadows.

Graphic Overlays & Watermarks

The Archer icon silhouette can be applied as a watermark on the background of official documents, certificates, and presentation slides. It must use a very low opacity (2% to 4%) to ensure it does not interfere with content readability.

Brand Angle & Border Framing

The Drona brand angle (representing the diagonal draw of Dronacharya's bow) is used to frame hero cards, folders, and letterhead layouts. It uses sharp diagonal splits to add visual tension.

Certificate & Document Frames

All Drona certificates utilize a double-ruled border framing. The outer frame is DGS Blue (2px solid) and the inner frame is DGS Gold (1px solid), with a clear gap of 8px separating the two rails.

Layout Grids & Page Margins System

Print documents use standard A4 grid systems with 20mm margins. Web layouts use a 12-column responsive layout grid with 24px gap dividers to maintain spacing alignment.

Brand Essentials Kit

Business Card

The official business card for Drona Global School features a high-impact layout that projects a professional and premium brand presence.

Email Signature

The HTML email signature ensures that every digital correspondence sent by the administration is consistently and professionally branded.

Letterhead

The official Drona Global School letterhead provides a clean, authoritative frame for all formal communications, using official typographies and alignments.

Business Envelope

The official business envelope provides a consistent, professional cover for all external correspondence and student records.

ID Card & Lanyard

The vertical identification card and lanyard for students, faculty, and staff represents their professional qualification and role in Drona's structured ecosystem.

Quotation Template

The Drona quotation template is used during admissions to outline customized fee structures and show total transparency to prospective parents.

Proposal Template

The official proposal template is designed to present Drona's initiatives and collaborations in a structured, clean format.

Invoice Template

The structured fee invoice is designed for maximum clarity, displaying tuition fees, extracurricular fees, and trust contributions clearly for parents.

Receipt Template

The official receipt template ensures that all payment confirmations issued to parents are clearly structured and properly branded.

Company Brochure

The brochure Template uses modular grids to present Drona's unique differentiators (Olympiad records, YLE English, STEAM, martial arts) to parents with high visual clarity.

Company Flyer

The promotional flyer template uses modular blocks to communicate seasonal events and admission notifications to local families.

Company Poster

The poster template is designed for high-impact campus announcements and billboard-style notices in Madurai city limits.

Roll-Up Banner

The roll-up banner template is optimized for events, parent-teacher orientations, and visitor reception branding.

Flex Banner

The flex banner template is designed for large-scale outdoor advertising and street-level billboards in Madurai.