Mark
A paraglider canopy over its lines and pilot, on a mid-blue tile. A thin white edge keeps the orange canopy crisp against the blue at every size. The name plays on poker: fly the weekend, or fold and stay home.
Files
- logo.svg source, any size
- favicon.svg browser tab
- favicon-32.png older browsers
- apple-touch-icon.png 180 px, square corners (iOS rounds them)
- icon-192.png, icon-512.png home-screen app icons
One-colour mark, for print
For anything printed in a single ink: poker chips, rubber stamps, stickers, embroidery, engraving. The canopy, lines and pilot are one colour and there is no tile; the chip or material is the background. The lines are heavier than the web logo so they hold up in small prints.
- logo-mono-white.svg for dark backgrounds
- logo-mono-navy.svg for light backgrounds; ask the printer for the closest stock ink to Ink #10233a
- Use white ink on red, blue, green or black; navy (or black) on white, yellow or other light colours.
- Keep it at least 15 mm wide, with clear space around it of at least a quarter of its width.
- Don't put the full-colour logo on a coloured chip: the orange canopy clashes with red and gets lost on busy backgrounds. Use it only on a white sticker inlay.
Color
Showing the light theme. Use the moon button to see dark.Brand
Sky scene
Surfaces and text
Charts
Rules
- Sky and Canopy are the two chart series, Saturday then Sunday. The pair is checked for color-blind separation in both themes. Keep that order and never reuse them as status colors.
- Ridge and Caution are status colors only, always with an icon and a word (✓ Forecast daily, ⚠ Unverified).
- Text is always a text token, never a series color. A colored line, dot or swatch beside it carries identity.
- Dark mode has its own tuned steps; it is not an automatic inversion. The one exception is the map tiles, which are inverted because OpenStreetMap has no dark style.
Sky scene
Every page opens on the same scene: a sky gradient (top, middle, horizon), a faint canopy-orange glow low on the right, two ridgelines, and the page color as the ground. Content panels overlap the ridge so the page reads as one piece.
- Full hero (home): headline, glider drifting slowly (stops for reduced motion), tall ridge.
- Compact band (all other pages):
body_class: skyplus.sky-hero.sky-compact, a short ridge, and a.raised-paneloverlapping it. - The ridge is
_includes/ridge.html; the glider is_includes/glider.html.
Type
The system UI font stack, so pages load fast on a phone at the launch with one bar of signal.
Eyebrow · 0.8 rem, caps, tracked
Hero headline
Section heading
Body text at 16 px. Plain sentences that say what a number means.
Caption and supporting text in the muted token.
94% big numbers use proportional figures; tables and axes use tabular ones
Components
Status badges
Always an icon plus a word.
Chips
Topic labels, and filter buttons with a pressed state.
Day tiles
Large on the forecast page with a trend word, compact on the home page with a line of every run. Trend words describe the forecast; they never say whether to go.
Timeline
-
The site is up
It reads the daily forecast log for Lake Erie, the Tennessee cliff launch and Canaan Valley. Charts fill in as daily runs accumulate. See the forecast timeline.
Wind dial and map pins
The dial shades where the wind blows from; this one wraps through north (340°–20°).
Voice
Say
- “Chance of a flyable day”
- “Forecast for a model grid cell about 25 km across”
- “Rising”, “Steady”, “Unsettled”
- “Unverified: confirm with the club”
Don't say
- “Safe to fly”, “go/no-go”, “green light”
- “Flyability score”
- Opinions or reviews of schools and operators
- A wind limit with no source
A planning aid, not a go signal. The pilot makes the call on site.