Image Carousel
Highlight a rotating set of highlight items — programs, services or stories — in a compact and interactive format that invites exploration.
FlipCard Carousel
Highlight a rotating set of highlight items — programs, services or stories — in a compact and interactive format that invites exploration.
News Section
Offer users a curated overview of topical items—articles, features or announcements—organized into filterable categories for quick discovery and deeper exploration.
FAQ's
Offer users a curated overview of topical itemProvide quick, scannable answers to common questions—letting users expand only the items they need and link to deeper resources when necessary.—articles, features or announcements—organized into filterable categories for quick discovery and deeper exploration.
Countdown
Surface a single, high-priority deadline with a live countdown and link to next steps.
Banner With Profiles
Connect users with key contacts or experts in a visually engaging layout, combining a headline, brief blurb, primary action and stacked profile cards.
Application Banner
Connect users with key contacts or experts in a visually engaging layout, combining a headline, brief blurb, primary action and stacked profile cards.
Steps
Guide users through a linear process or workflow by breaking it into clear, numbered steps with concise descriptions and an optional call-to-action.
Table - Table V2 (4 column table), Table (paste an existing table)
Present a clear, at-a-glance breakdown of key cost figures—such as tuition, fees and living expenses—for a defined period or program.
Application Banner With Image
Spotlight a single, high-impact visual alongside a prominent call-to-action—ideal for driving attention to an important offer or next step.
Text-Media Split
Introduce a single key message supported by a relevant image, combining clarity, hierarchy, and visual context in a balanced two-column layout.
Z-Grid
Present multiple related messages in a scannable sequence by alternating text and image positions, encouraging vertical reading and progressive engagement.
Hero Split Badge
Introduce a primary entry point with a strong headline and supporting message, reinforced by a large image and a visual badge that highlights a key offering or metric.
Visual Cluster Split
Combine editorial text with a clustered set of visual elements to convey richness and activity while maintaining a single narrative focus.
Card-Icon Split- Uses: Cards (Icon)
Present a small set of equal-weight cards using an icon-led layout to support quick scanning and selection.
Card-Icon Grid- Uses: Cards (Icon)
Grid layout composed of icon-based cards, each containing a short headline and CTA, displayed in three equal columns.
Event Card Grid
Grid layout composed of icon-based cards, each containing a short headline and CTA, displayed in three equal columns.
Action Block Trio
Drive primary user actions by presenting three high-priority calls to action in visually emphasized blocks within a single section.
Icon Stat Row
Highlight a small set of key facts or proof points in a visually balanced row, reinforcing credibility through concise, high-impact information.
Centered CTA Band
Provide a clear, high-contrast call to action using a centered layout that reinforces support, reassurance, or next steps.
Five-Block Grid
Present a curated set of five related content blocks with intentional visual hierarchy, guiding attention through varied block sizes and emphasis.
Proof Points
Present a small set of key metrics or credentials in a structured row of cards, supported by a section headline and optional CTA.
Calendar Grid - Uses: Cards (Icon)
Present a small set of time-based milestones or deadlines in a clear, scannable grid, supported by a section header and optional CTA.
Listing Block - Uses: Cards (Listing)
Present a small set of related items in a clean, scannable grid, allowing flexible use with three or four cards depending on content density.
Component name
Use this banner to re-emphasize a key call-to-action
Award & Rankings
To showcase external recognition, certifications, rankings, or industry awards that reinforce credibility and trust. This section highlights third-party validation in a structured and visually consistent way.
Social Grid
To display curated social media content in a structured grid layout that reinforces brand presence, recency, and community engagement. This component visually connects the website experience with external social platforms.
Modular Cards
To present key content blocks in a flexible card-based layout that supports navigation, feature highlights, or category entry points. This component balances strong visual imagery with concise messaging and clear calls to action.
Full Image - Uses: Centered Responsive Image
To deliver a strong visual statement that supports storytelling, brand positioning, or thematic transitions between sections. This component prioritizes imagery over text and is used to create emphasis, pause, or emotional impact.
Callout Banner Bullets - Uses: Callout Banner
To emphasize a focused set of key benefits, differentiators, or highlights in a visually distinct banner. This component draws attention to concise, high-value points that support conversion or reinforce positioning.
Component name
To organize related content items into a structured, scannable grid layout. This component supports navigation, feature listings, service overviews, or categorized content in a balanced and repeatable format.
Card Grid Text Only
To present a structured list of related links or resources in a compact grid format without relying on imagery. This component prioritizes clarity, density, and scannability for secondary or utility-level content.
Listing Grid Cards
To present a structured set of categorized listings, such as departments, programs, or content collections, in a visually rich card format that combines imagery with contextual metadata and navigation.
Tabs
To organize and filter categorized content within the same page context without requiring navigation to separate pages. This component improves content discoverability and reduces cognitive load by grouping related items under clear labels.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed blandit mi. Nullam egestas metus facilisis molestie lacinia. Pellentesque in turpis augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed blandit mi. Nullam egestas metus facilisis molestie lacinia. Pellentesque in turpis augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed blandit mi. Nullam egestas metus facilisis molestie lacinia. Pellentesque in turpis augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed blandit mi. Nullam egestas metus facilisis molestie lacinia. Pellentesque in turpis augue.
Callout Banner Paragraph
To highlight an important narrative message, announcement, or positioning statement within a visually distinct container that separates it from surrounding content.
Content Cards - Uses: Cards (Listing)
To present concise content groupings in a lightweight card format without heavy imagery. This component supports clear navigation to sub-sections, institutes, centers, or thematic areas while keeping visual emphasis minimal.
Video Block - Uses: Youtube Embed
To deliver rich, narrative-driven content through video, supporting storytelling, testimonials, research highlights, program overviews, or institutional messaging.
Document Resources
To provide direct access to downloadable documents in a clear, structured format that prioritizes clarity, file transparency, and ease of retrieval.
Quote Block
To emphasize a powerful testimonial, statement, or insight that reinforces credibility, authority, or emotional impact within the page narrative.
Component name
To emphasize a powerful testimonial, statement, or insight that reinforces credibility, authority, or emotional impact within the page narrative.
Social Grid
To display curated social media content in a structured grid layout that reinforces brand presence, recency, and community engagement. This component visually connects the website experience with external social platforms.