Design
Design
Sabre’s design language is the visual representation of our identity and values. It is a crucial aspect of creating a consistent and recognizable brand image. From the logo to the color palette, Sabre brand aims to capture our unique personality and tone of voice.
The Beam
The Beam is used for content emphasis, separation, and structure. The Beam can be created using a stroke with rounded edges and following the formula and guidance below.
General guidance:
Beam stroke guidance:
Determing the stroke width:
Below you will find a few different options for setting the width of the Beam stroke. Feel free to round up or down in 0.5pt increments but avoid surpassing the nearest whole numbers.
- The stroke width of the Beam when working in inches is 5X the length of the beam (3.75in.*5=18.75pt)
- The stroke width of the Beam when working in millimeters is 5.08X the length of the beam (95.25mm*5.08=18.75pt)
- The stroke width of the Beam when working in pixels is the length of the beam divided by 15.86 (297.5px/15.86=18.75pt)
Determining the stroke spacing:
The Beam should sit in accordance to the baseline of your text or 1/4 the height of the text box. This applies for both horizontal and vertical use. The text below the Beam can sit on the baseline and up to 1/2 the height of headline/callout text above the Beam.]
Horizontal use:
For horizontal use, the length of the Beam should not be greater than 1/4 the width of the text box and never less than 1/8 the width of the text box. There are instances when using a very narrow text box that require a different standard. In this case, limit the width to no less than three letters of headline sized copy or up to 1/3 the size of the text box.
Example using forumla above in inches
Vertical use:
You can use the same rules while creating the Beam for vertical use and simply rotate the Beam 90˚.
Spark icons
Icons serve as a common visual language and bridge language gaps. Done right, they're instantly recognizable and perfect to use when space is valuable and content is abundant. The new PowerPoint icon deck contains over 500 searchable icons to choose from, so go have some icon fun. Just remember icon overpopulation is a real problem. Use restraint and be responsible.
