The Institute’s website design is based on a 15-column grid with 53px columns and 33px gutters. As a responsive site, column widths and gutters will vary with changes in screen width.
Download grid PSD pattern (4 KB)
The following design comps cover the gamut of templates for the new site, and have been integrated into Craft.
- Homepage
- Hover state shows short description on feature
- Featuring event and course
- Featuring editorial collection and news item
- Takeover for a sole event
- Takeover for a sole video
- About
- Ideas & Papers
- Video Detail
- Blog and with limited results
- Blog Article with feature photo and just inline photo
- Grants & Research Programs
- Community
- Experts
- Notable Profile and with expanded bio
- Young Scholars
- Events and with a subtitle in the hero
- Event Detail with a photo or a video
- Education
- Course Detail (follows Generic Page)
- Explore by topic or by person
- Parent Topic
- Topic Detail
- Search Results
- Generic Page
- Generic Listing (e.g. Course Listing)