There are 4 header blocks. You will use INTERNAL PAGE HEADER. The News and Projects Headers are automatically applied to those content types. The SYMPOSIUM header is only for Symposium pages.
The following custom blocks are not included on this page. These widgets were created to be used only on the landing pages and display all everything in that content type. They allow filtering by Center, Research Area and Disease; optionally include text search; allows admin to define # of publications per page.
- Publications Listing
- Experts Listing
- News Listing
- Projects Listing
The following custom blocks were created for the People page template and will not work anywhere else.
- Published CTA
- Investigators & Collaborators
Section Lead
Note: Left or center align with optional eyebrow
More to explore
Encourage deeper exploration of the research programs and collaborations behind the publications.
Center Align
Encourage deeper exploration of the research programs and collaborations behind the publications.
Lead-In (Left Aligned)
Clearly state the core hypothesis, mechanism, or research gap the project addresses. Keep technical language precise but readable; define complex terms briefly.
50/50 Block
options include image side (left or right), media type (none, embed or image)
Image Leftside
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
Image Right Side
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
Embed Code
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
Embed Code Right
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
No Media Displays
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
No Media Displays
Brief framing that this is a structural solution to fragmented autoimmune research.
- Exclusive focus on autoimmune diseases
- World-class expertise unified across institutions
- Integrated discovery built into the research model
Featured Research Cards
2 column layout or 3 column layout – select cards from projects or publications – optional tag list displays
Research & Publication Cards
gets projects and publications cards by manual selection or type/taxonomy.
2 or 3 columns
News & Events Grid
lets the admin select posts by latest, by category, by tag, by research approach, by disease area or by colton center
Optional Heading
What a "Silenced" Chromosome Can Tell Us About Autoimmunity
Penn Colton Center researcher Montserrat Anguera reveals how B cells maintain X chromosome inactivation, and how its breakdown drives lupus, offering new insight into female-biased autoimmune disease and treatment targets.
Yale Receives $2.5M Gift to Advance Autoimmune Research
A $2.5 million gift from the Colton Foundation will advance autoimmune research at Yale School of Medicine and strengthen collaboration across the Colton Consortium for Autoimmunity's four member institutions.
Colton Consortium for Autoimmunity Announces $15 Million Investment
Penn Medicine has opened a new research facility housing the Colton Center for Autoimmunity alongside immune health, vaccinology, and infectious disease teams — designed to accelerate breakthrough science through collaboration.
Experts Grid
chose between manual selection, by research approach, by disease areas, by colton center or by query – chose between 2 or 3 columns
Benjamin Abramoff, MD, MS
Colton Consortium Member
Associate Professor, Department of Physical Medicine and Rehabilitation, Perelman School of Medicine, University of Pennsylvania
Anat Aharon, PhD
Colton Consortium Affiliate
Senior Lecturer, Hematology, Tel Aviv Sourasky Medical Center, Tel Aviv UniversityPublication Grid
a 2 column display of publications that can be fetched via manual selection, by research approach, by disease area, by colton center, and by assigned relationship
Optional Heading
Sponsors List
optional eyebrow, heading, and a repeater of sponsors
Optional Heading
Symposium Agenda
optional eyebrow, heading and description with a date/event table
Optional Heading
this is also optional
Day 1: June 12
9:00 AM - 4:00 PM
| 9:00 - 10:00 Event Title Name | Somewhere |
| 10:15 - 11:00 AM another Event | Location |
| 11:30 - 12:30 Keynote Row | |
|---|---|
| 12:30 - 2:00 Lunch | Mess Hall |
| 2:00 - 4:00 Workshop | Cafe |
Day 2
9:00 AM - 10:00 PM
| 9:00 - 4:00 PM Workshop | Meeting Room 1 |
Accordions – default elementor widgets
Item #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pellentesque convallis elementum.
- Addresses a key gap in understanding autoimmune mechanisms
- Advances insight relevant across multiple autoimmune conditions
Item #2
Item #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pellentesque convallis elementum.
- Addresses a key gap in understanding autoimmune mechanisms
- Advances insight relevant across multiple autoimmune conditions
I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Countdown – default elementor widgets
Headings – default Elementor widgets
H1 Heading Lorem Ipsum Check Line Height
H2 Heading Lorem Ipsum Check Line Height
H3 Heading Lorem Ipsum Check Line Height
H4 Heading Lorem Ipsum Check Line Height Lorem Ipsum Check Line Height
H5 Heading Lorem Ipsum Check Line Height Lorem Ipsum Check Line Height
H6 Heading Lorem Ipsum Check Line Height Lorem Ipsum Check Line Height Lorem Ipsum Check Line Height
Text Editor – default Elementor widgets
Basic Text left aligned
This is a link. ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Basic Text right aligned
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
unordered list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Basic Text center aligned
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Basic Text justified
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
ordered list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Buttons – default Elementor widgets
Table – default Elementor widget
| ID | Title 1 | Title 2 |
|---|---|---|
| Sample #1 | Row 1, Content 1 | Row 1, Content 2 |
| Sample #2 | Row 2, Content 1 | Row 2, Content 2 |
| Sample #3 | Row 3, Content 1 | Row 3, Content 2 |
Tabs – default Elementor widget
Tab 1 content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab 2 content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Tab 3 content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Items below here are for references only
UI Atom: Tags Library
tag classes: .purple .green .yellow
3 distinct visual tags
Background Utility Classes
Note: add "theme-dark" class for dark backgrounds
Dark Backgrounds & Gradients
.bg-gradient-01
Gradient 01 Background
.bg-gradient-02
Gradient 02 Background
.bg-purple-deep
Purple Deep Background
.bg-purple-mid
Purple Mid Background
.bg-black
Black Background
Light Backgrounds
.bg-cream-light
Cream Light Background
.bg-white
White Background
.bg-purple-extra-light
Purple Extra Light Background
Vibrant & Accent Backgrounds
.bg-orange-vivid
Orange Vivid Background
.bg-yellow-soft
Yellow Soft Background
.bg-green
Green Background
.bg-purple-light
Purple Light Background