Main Heading
Main Heading
Large page openings, quiet title pages, hero statements.
ITI Designguide
Style Guide
A working reference for typography, color, buttons, cards, and page sections. The system should feel timeless, Catholic, editorial, and built to remain meaningful for years.
01 Typography
Headings and Text
Use serif typography for voice, hierarchy, and atmosphere. Sans or compact uppercase labels are reserved for navigation and small technical elements.
Secondary Heading
Secondary Heading
Major section titles and editorial chapter openings.
Tertiary Heading
Tertiary Heading
Cards, news clusters, programme headings, content groups.
Sub Heading
Sub-Heading
Small uppercase markers for categories and page structure.
Paragraph
This website should feel like stepping into a place of quiet beauty and lasting truth, not designed to impress for a moment, but to remain meaningful for years.
02 Text Scale
Sizes and Weights
The hierarchy should be clear through scale and line height. Avoid aggressive bold weights.
text-size-large
Study and prayer belong together in one ordered life.
text-size-medium
Theology is studied from the sources, lived in liturgy, and sustained through community.
text-size-regular
Use this size for most editorial body copy and readable section descriptions.
text-size-small
Small supporting notes, captions, and compact interface descriptions.
text-weight
Semibold 600 for clear emphasis
Medium 500 for labels
Normal 400 for text
Light 300 for ceremonial statements
03 Color
Palette
Colors come from liturgy, stone, parchment, aged ink, and restrained heraldic accents.
E83C2D
DCE9F3
F8ECCA
25211C
464543
8C7650
203142
FAF7F0
04 UI Elements
Buttons
Buttons should be precise and calm. Primary actions are confident, secondary actions are lighter, text links remain simple.
button primary
Apply Nowbutton small
Visit Campusbutton secondary
Read Moresubtle link
Enter this path05 Cards
Component Families
Cards are used only when the content is a real unit. The system favors editorial panels, image portals, and light list structures.
Invitation
Begin Within One Ordered Life
Study, prayer, friendship, and mission are held together as one formation.
Enter this pathProspective Students
Programs, admissions, costs, and what studying at ITI is like.
Enter this pathNews List
26.02.26
A Spectacular Start to the Study Series!
12.03.26
JP2 Lecture by Mr. Felix Hornstein
Public lecture with discussion after the session.
Master of Sacred Theology
First cycle sacred theology through Scripture, the Fathers, and St Thomas.
Explore Sacred Theology06 Identity
Marks and Seals
The identity should carry institutional dignity. The seal can stand formally; the symbol can act as a smaller mark.
Design Direction
This website should feel like stepping into a place of quiet beauty and lasting truth, not designed to impress for a moment, but to remain meaningful for years. Its language is timeless, warm, and deeply human, rooted in tradition and shaped by reverence, with the confidence to be elegant rather than loud.
The design should express a deeply Catholic vision of beauty. Rich typography, generous space, sacred imagery, graceful forms, and thoughtful details should create an atmosphere that feels human, contemplative, and deeply rooted in the life of the Church.