Specifications by Page
Early Announcement Page
Desktop Key Visual
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Desktop / medium-large screens | 2880 × 1440 px | 2:1 | Use the wide crop for desktop presentation. |
Desktop safe area: The marquee overlaps the bottom 64 px of the displayed image. Keep the bottom 128 px of the uploaded desktop image free of important text, faces, logos and focal elements.
Mobile Key Visual
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Mobile / small screens | 780 × 1170 px | 2:3 | Use the portrait crop for mobile presentation. |
The marquee does not overlap the mobile image. Compose the artwork for the vertical frame and keep all important elements clearly visible.
Home Page
Key Visual
The Home Page reuses the Early Announcement Page key visual. No additional asset is required; use the same desktop and mobile files and safe-area guidance.
Theme Description Section
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Theme image stack - 3 images | 1664 × 1248 px each | 4:3 | Use the same dimensions for all three images. Keep main subjects away from overlapping edges. |
Keep the main subject away from the edges because adjoining images may overlap portions of the frame.
Archives Carousel
Desktop and mobile use different aspect ratios. Prepare separate crops when the default crop is not acceptable.
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Desktop archive image | 2304 × 1152 px | 2:1 | Use the wide crop for desktop. |
| Mobile archive image | 1080 × 1080 px | 1:1 | Use the square crop for mobile. |
Instagram Section
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Instagram thumbnail | 1080 × 1350 px | 4:5 | Use the standard Instagram portrait crop and link each image to the corresponding post or Reel. |
Sponsor Logos
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Sponsor logo | Minimum 250 px wide or 250 px high | Original logo ratio | Use PNG with transparency. If greyscale is required, convert the logo before upload. |
Supply logos in their original colours; the website applies the greyscale treatment. Crop each file tightly and remove unnecessary transparent space.
Session Image
Main Session Image
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Medium screens / desktop | 2048 × 1536 px | 4:3 | Upload under Medium Screens. |
| Small screens / mobile | 1080 × 1080 px | 1:1 | Upload under Small Screens and compose the square crop intentionally. |
Upload a dedicated square crop under Small Screens and the 4:3 landscape crop under Medium Screens. The Session image is reused on listing cards, the Schedule Page and the Session Detail Page.
Keep the focal subject away from the edges because the crop varies by placement.
Collaborator Image
Main Collaborator Image
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Collaborator portrait | 1080 × 1080 px | 1:1 | Use a square portrait. Convert to greyscale before upload if greyscale is required. |
Upload one image per collaborator. It is reused across collaborator grids, cards and profile content.
Position the person centrally and allow room for circular crops.
Upload each collaborator image in the intended final treatment - colour or greyscale. Strapi will not convert the image automatically, so it must be edited and exported in the chosen treatment before upload.
About & Session Page Content Blocks
The About Page and Session Page support a number of reusable image-led content blocks. Use the specifications below as the source of truth when preparing assets.
Full-Bleed Image
| Small Screens | 1080 × 1080 px, 1:1 |
| Medium Screens | 2080 × 1040 px, 2:1 |
| Format | JPEG |
These are the dimensions used in the current design. The Full-bleed Image block can technically accept other aspect ratios, but use deliberate, standard crops and preview the result before publishing.
Carousel - Vertical Format
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Instagram Story / Reel | 1080 × 1920 px | 9:16 | Keep all slides within one carousel at the same dimensions and ratio. |
| Instagram portrait | 1080 × 1350 px | 4:5 | This is also supported when the entire carousel uses the same format. |
This is not a live Instagram feed. For every featured Reel, select the content, upload its thumbnail and add the corresponding Reel link manually. Both fields are required.
Keep important subjects, text and logos in the central safe area.
Image and Content Block
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Image | 2160 × 2160 px | 1:1 | The current design uses a square image. Prepare the crop before upload. |
Keep the main subject visible and away from the edges.
Quote Block
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Portrait | 500 × 500 px | 1:1 | Use a square portrait with the subject centred. |
Use a square profile image with the subject centred and sufficient space around the face for the rounded crop.
Image Block - Flexible Format
| Minimum resolution | 2K |
| Format | JPEG |
| Aspect ratio | Flexible: landscape, portrait or square |
The website retains the original aspect ratio. Use a high-resolution, web-optimised source.
Profile List Block - Core Team Images
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Profile portrait | 1080 × 1080 px | 1:1 | Use consistent square portraits within the same Profile List. |
Use a square portrait with the subject centred. Allow enough space around the face and shoulders for the circular crop.
Gallery
The Gallery displays two images side by side and supports an optional section title plus individual captions.
Option 1 - Equal Images
| Upload Dimensions | 1760 × 1320 px each |
| Format | JPEG |
| Aspect ratio | 4:3 |
Option 2 - Wide Image and Square Image
| Image 1 upload | 1080 × 1080 px, 1:1 |
| Image 2 upload | 1080 × 1080 px, 1:1 |
| Format | JPEG |
For this gallery layout, prepare both source images as 1080 × 1080 px square images. Keep the two crops visually consistent and preview the gallery before publishing.
RSVP Form Image Slideshow
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| RSVP slideshow image | 1088 × 1450 px each | Approximately 3:4 | Use consistent dimensions across all slides. Keep important subjects away from the outer edges. |
Use consistent dimensions across all slides. Keep important subjects away from the outer edges and keep captions short and legible.
Archive Listing
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Front / top image | 1080 × 1350 px | 4:5 portrait | Front image in the animated stack. |
| Back image 1 | 1350 × 1080 px | 5:4 landscape | Landscape image layered behind the front image. |
| Back image 2 | 1350 × 1080 px | 5:4 landscape | Plan all three images as one visual set. |
Each Archive Listing entry uses three images. The portrait image sits at the front of the animated stack, with two landscape images layered behind it.
Plan all three images as one visual set and keep important subjects away from the outer edges so the overlapping stack remains balanced.
Archive Modal Images
The Archive Modal supports the image combinations below. Use the specified Upload Dimensions and keep paired images consistent in height.
| Image field | Upload dimensions | Aspect ratio | Guidance |
|---|---|---|---|
| Landscape image with caption | 1632 × 1224 px | 4:3 | Use for landscape editorial imagery with a caption. |
| Vertical image with text | 1080 × 1920 px | 9:16 | Use for Story / Reel-format imagery. |
| Portrait image with text | 1080 × 1350 px | 4:5 | Use the standard Instagram portrait format. |
| Side-by-side portrait images | 1080 × 1350 px each | 4:5 | Use matching dimensions for both images so the pair aligns consistently. |
Use the same dimensions for paired images and keep captions concise so the modal remains balanced across screen sizes.