open-sky-stacked-light.svgPrimary stacked logo · light backgrounds
Hero sections, centered headers, and prominent identity moments on white or light surfaces.
Standalone visual reference
The official Open Sky Leadership Institute identity system. Use the supplied files without redrawing, recoloring, stretching, or altering the artwork.
Official variants
Use the static wordmarks for persistent navigation, the stacked full-color lockup for prominent identity moments, and static one-color variants for print and motion-limited contexts.
open-sky-stacked-light.svgHero sections, centered headers, and prominent identity moments on white or light surfaces.
open-sky-stacked-navy.svgDark sections and photography when used with its navy containing background.
open-sky-stacked-static-onecolor-navy.svgPrint, PDF, email, stamps, and motion-reduced applications on light backgrounds.
open-sky-stacked-static-onecolor-white.svgSingle-color use on navy, blue, or other saturated dark backgrounds.
open-sky-wordmark-light.svgSpecial horizontal placements where motion is appropriate and the background is light.
open-sky-wordmark-navy.svgSpecial horizontal placements on dark surfaces. Not intended for persistent navigation.
open-sky-wordmark-static-onecolor-navy.svgDefault navigation/header logo on light pages, at 36–44px high.
open-sky-wordmark-static-onecolor-white.svgDefault navigation/header logo on navy or saturated dark pages.
Placement hierarchy
Use the static one-color wordmark at 36–44px high. Keep it quiet, left aligned, and linked to home.
Use the animated stacked lockup once above the fold. Never show more than one animated propeller in a viewport.
Use the full stacked navy-background variant with copyright and formal institute name.
Use a static one-color stacked logo. Animation and external SVG fonts render unpredictably in document tools.
Stacked lockup: 180px wide. Wordmark: 120px wide. Below that, use the propeller roundel alone.
When reduced motion is requested, remove the animated transform or swap to the static variant.
Clear space
Maintain empty space around the logo equal to at least the height of the propeller roundel. Keep text, buttons, imagery, and edges outside this zone.
Icons and small marks
Avatars, social previews, and places where a recognizable square mark is needed.
Browser tabs, bookmarks, and saved mobile shortcuts. Use the supplied sizes without alteration.
Use judiciously for featured lists and highlights, never as the global body-copy bullet.
Brand colors
#0D1B2A
#17345C
#B0801F → #D2A136 → #E8C463
#F4F1EA
#9FB0C0
Never do these