Tutorial Page
Keep it consistent. When in doubt, add space, not less.
-
General Guidelines
Page Dividers: Edit section, turn on ‘divider’. Click on the settings button on the right. Width: M; Height: S; Stroke: None. All sections should have this divider.
Section Spacing: All sections should have at least ONE block space at the top and bottom.
Mobile Design: Always, always, always check your mobile site before you save your design. Most of these same rules apply to mobile!
-
Text Spacing
NO RED OUTLINES around text. If there is a red outline, the text does not have enough room and will spill out of the box. Make sure all text boxes have a BLUE outline before you move on.
Make sure text boxes are NOT overlapping.
In most instances, make sure you have at least ONE block space between your text and objects around it to prevent overlaps.
-
Image/Button Spacing
To make image size more customizable, under ‘design’, chose ‘FILL’ instead of ‘fit’
Make sure image boxes are NOT overlapping with text boxes. Leave at least ONE block space around images.
Mostly using SECONDARY button across site - outlined pill shape
Under button ‘design’, chose ‘FIT’ instead of ‘fill. Align button with text.
-
Font Guidelines
H1 – Page title (top of page only)
H2 – Main section titles (e.g. show titles)
H3 – Subsection titles (smaller sections)
H4 – Subheadings (thin, all caps; dates/labels)P1 – Bold intro text (first sentence/lead-in)
P2 – Body text (standard paragraphs)
P3 – Small text (captions, disclaimers)
Next onstage
A Chorus Line
A stunning concept musical that captures the spirit, energy, and raw tension of a Broadway ensemble audition.
As hopeful dancers compete for a coveted spot in the chorus, they reveal the personal stories, ambitions, and struggles that have shaped their lives. A Chorus Line offers an unfiltered, deeply human portrait of the artists behind the glamour of Broadway. A brilliantly complex fusion of song, dance, and authentic drama, it was instantly recognized as a classic, winning nine Tony Awards and the Pulitzer Prize for Drama.
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Accordions
Make sure ‘show first’ is turned off under ‘dividers’
Dividers should be around 50% opacity
Title font should be P1 (or P2 if you want smaller titles)
Body font should be P2 – make sure ‘content width’ is set to ‘L’ for the body
Row padding: S
List Sections
-
Simple Lists
Will always appear in 2 columns on mobile
To add/edit elements: Edit content, toggle on/off title, image, button, etc.
Simple lists should always be used for Cast/Creative Team/Crew lists. These are in saved sections.
-
Carousel Lists
Will always have an arrow scroll on mobile
To add/edit elements: Edit content, toggle on/off title, image, button, etc.
Carousel lists should always be used for reviews and educational offerings. These are in saved sections.
-
Tyler Michaels King*
Zach
-
Noah Coon*
Larry
-
Emily Scinto*
Cassie
-
Camryn Buelow
Sheila
-
Dale Theisen*
Val
-
Morgen Chang
Connie
-
Helene Roseborough
Judy
-
Leighann Bibb Colin
Bebe
-
Sarah Jeune Christenson
Kristine
-
Annika Isbell ^
Maggie
-
Marley Ritchie
Diana
-
Kyle Weiler*
Bobby
-
Paul (Po) Cushman
Mark
-
Nicholas Ohren
Mike
-
Chris Owusu
Richie
-
Cris Sanchez
Al
-
Steven Rada*
Paul
-
Nathan Huberty*
Don
-
James Grace ^
Gregory
-
Johanna Engebretson
Lois
-
Anna Novak
Tricia
-
Hanna Scotch ^
Vicki
-
Eric Romero ^
Butch
-
Henry Woods
Frank
-
Jon Michael Stiff*
Tom
-
Cody Carlson ^
Roy
-
Natalie Hanson
u/s Diana, Swing
-
Max Kile
Swing
-
*Actor’s Equity Association
^Dance Captain
-
![A young boy with light skin, curly brown hair, and blue eyes resting his face on his hand, looking directly at the camera with a slight smile. He is wearing a red and purple striped shirt and is positioned against a dark, textured background.]()
Tyler Michaels King*
Zach
-
![Close-up of a young man with short brown hair, smiling, wearing a dark blue button-up shirt against a gray background.]()
Noah Coon*
Larry
-
![A woman with short dark hair wearing a black top, smiling at the camera in a well-lit room with light-colored walls and curtains.]()
Emily Scinto*
Cassie
-
![Portrait of a young man with light brown hair, green eyes, and a beard, smiling against a dark background, wearing a gray collared shirt and a black jacket.]()
Camryn Buelow
Sheila
-
![Close-up portrait of woman with dark, wavy hair wearing a red top, looking at the camera with a slight smile.]()
Dale Theisen*
Val
-
![A young woman with curly brown hair, light skin, and a septum piercing, smiling and wearing a red off-the-shoulder top, a necklace, and earrings, against a light blue background.]()
Morgen Chang
Connie
-
![Portrait of a young man with curly brown hair, blue eyes, wearing a blue shirt, smiling with white teeth, in a bright indoor setting.]()
Helene Roseborough
Judy
-
![Close-up of a smiling young girl with long dark hair and blue eyes, against a plain beige wall.]()
Leighann Bibb Colin
Bebe
-
![Close-up of a person with short red hair, wearing black-rimmed glasses, a nose ring, and a yellow sweater, against a blue background.]()
Sarah Jeune Christenson
Kristine
-
![A smiling woman with long, curly dark hair and bangs, wearing a silver heart-shaped necklace and a nose ring, against a plain green background.]()
Annika Isbell ^
Maggie
-
![Young woman with long, wavy brown hair smiling outdoors in a park, wearing a beige jacket and maroon top.]()
Marley Ritchie
Diana
-
![A young man with dark wavy hair, glasses, and a big smile, wearing a gray Tommy Hilfiger sweatshirt, in a dimly lit room.]()
Kyle Weiler*
Bobby
