Images not on the home page are set to a max height of 480 px with the height set to auto (scale proportionally should automatically be checked with these settings)
All elements that stretch to the full live width should be set to an 80% width with a max width of 1280 px
Spacing on either side of a red header or callout should be 30 px
There should be no space between the first element and the header
Body text should always be right aligned with 1.5 line spacing. If there are no other elements inhibiting the length of the text box, the text should be no more than 15-20 lines or 70-75% width.
There should be no space between the bottom of the last element in a section and the bottom of that section except for the last section on the page (see footer note).
This page is best viewed at above 1900 px site width and is only dictating spacing for the desktop/laptop breakpoint.
Red Header or Callout - 28pt, Proxima Nova, red #EF4623
Body text - 17pt, Proxima Nova, gray #53585F. We are a team of multidisciplinary designers who advance the structure and psychology of wayfinding. We share a commitment to high standards in design, professionalism, and project delivery. Drawing on our backgrounds in visual communication, interior, architectural, and industrial design, we question, innovate, study best practices, share knowledge, and remain open to new approaches to our practice.
Subheaders should always be in all caps with 0.2 character spacing. They should generally be kept to one line of text except in extremely long cases.
Once all elements in any section are stacked, there should be 60 px of space between the top of the first element in the current section and bottom of the previous.
Rule lines should always have 10 px of space between the rule and the subhead below
Editor X functions more like word than inDesign. Sometimes you need to nudge a text box up 3-7 clicks in order to make the top of the letter truly align with other elements (red bar)
The space between the body text and image should be 60 px.
SUBHEADERS - 18PT, PROXIMA NOVA, GRAY #53585F
Clearstory cultivates a positive, connected, open studio atmosphere. Having worked closely together over the course of many projects and years, we appreciate one another’s strengths and champion each individual’s personal growth and responsibility. We encourage a healthy life/work balance and lighthearted atmosphere, thereby supporting the long-term well-being of our staff and the firm. We celebrate birthdays and work anniversaries. We have quarterly group events and excursions in and around the San Francisco Bay Area such as sailing on the Bay, crafting terrariums, attending Giants baseball games, and competing in bocce ball. We also support the yearly LEAP Sandcastle Classic on Ocean Beach.
There should be 30px of space between the body paragraph and the subhead.
IDEAS
2021 September, SEGD online, Clearstory rebranding: One Firm's Journey
2021 May, Email Campaign, Walk in the Park
2019 November, Email Campaign, Wayfinding is More than Signage
2019 October, Healthcare Design Magazine, Golden Opportunity At California Pacific Medical Center Van Ness
2019 October, SEGD Online, KKA Focuses on Family at Lucile Packard Children's Hospital
2014 March, SEGD online, Museum as Metaphor
The ideas page has a custom spacing of 1.95 between each line
There should be 60 px of space between the bottom of the last element in the section above the header, and the top of the header (60 px bottom margin).
Red Header or Callout - 20pt, Proxima Nova, red #EF4623
Body text - 14pt, Proxima Nova, gray #53585F. We are a team of multidisciplinary designers who advance the structure and psychology of wayfinding. We share a commitment to high standards in design, professionalism, and project delivery. Drawing on our backgrounds in visual communication, interior, architectural, and industrial design, we question, innovate, study best practices, share knowledge, and remain open to new approaches to our practice.
SUBHEADERS - 18PT, PROXIMA NOVA, GRAY #53585F
Body text - 14pt, Proxima Nova, gray #53585F. Clearstory cultivates a positive, connected, open studio atmosphere. Having worked closely together over the course of many projects and years, we appreciate one another’s strengths and champion each individual’s personal growth and responsibility. We encourage a healthy life/work balance and lighthearted atmosphere, thereby supporting the long-term well-being of our staff and the firm. We celebrate birthdays and work anniversaries. We have quarterly group events and excursions in and around the San Francisco Bay Area such as sailing on the Bay, crafting terrariums, attending Giants baseball games, and competing in bocce ball. We also support the yearly LEAP Sandcastle Classic on Ocean Beach.
IDEAS
2021 September, SEGD online, Clearstory rebranding: One Firm's Journey
2021 May, Email Campaign, Walk in the Park
2019 November, Email Campaign, Wayfinding is More than Signage
2019 October, Healthcare Design Magazine, Golden Opportunity At California Pacific Medical Center Van Ness
2019 October, SEGD Online, KKA Focuses on Family at Lucile Packard Children's Hospital
2014 March, SEGD online, Museum as Metaphor
Ideas page spacing should only change the type size to 14 point font, the 1.95em line spacing will remain the same number but visually adjust automatically.