Typography

Page title · 32 px

Hang Gliding Classes

Section heading · 26 px

Subheading · 19 px

Body copy · 17 px

Readable body text is the default. Avoid extreme jumps between very large and very small type.

Small supporting text · 15 px minimumSupporting text should remain comfortably readable.

Primary blue#176FA8

Sky blue#2D9BD0

Dark navy#203746

Pale blue#F7FBFD

Orange accent#F28A1A

Orange rule: use orange as an accent, highlight, small border or occasional button detail — not as a large background behind dark text.

Page header: compact, light background, 26–32 px vertical padding.

Content sections: generally 28–48 px vertical spacing; enough breathing room without creating unnecessary scrolling.

Desktop: use available width intelligently, including two-column layouts where it improves scanning.

Marketing pages: photography may be dramatic. Informational pages should remain calmer and easier to read.

Primary button Secondary button

Use restrained borders, little or no shadow, comfortable padding and normal readable text.

Keep normal body copy near 17 px on desktop.
Avoid giant headlines on About, Classes, Study, Ground School and other informational pages.
Do not use tiny labels as a major part of the information hierarchy.
White and pale blue are the default content backgrounds.
Orange is a complementary accent color, not the dominant field color.
Use the Home page for stronger visual marketing moments; use the Ground School page as the readability reference for informational pages.