Olympus UI Kit

Typeography
Navbar
Context menu
Unit control panel
Mouse info panel
Buttons
Ground Units
Planes
.ol-panel
Headings

h1 | open sans | 32px

h2 | open sans | 24px

h3 | open sans | 18.72px

h4 | open sans | 16px

h5 | open sans | 13.28px
h6 | open sans | 10.72px
Paragraph
Plain

Nullam iaculis nisi sed mi tincidunt pretium blandit tempus urna. Vestibulum non ex vitae massa tristique auctor. Praesent orci justo, porttitor pellentesque convallis non, commodo at augue.

In a panel

Donec nibh est, fringilla sed pharetra eu, varius vel sem. Aliquam ac libero leo. Sed consectetur enim aliquam dui pellentesque luctus. Pellentesque vel iaculis quam.

Primary nav
<%- include('navbar.ejs') %>
Context menu
<%- include('contextmenu.ejs') %>
Primary nav
<%- include('unitcontrolpanel.ejs') %>
Primary nav
<%- include('mouseinfopanel.ejs') %>
Buttons
Ground
Neutral
Z
Blue
Y
Red
X
SAM
Neutral
Z
Blue
Y
Red
X
Planes
Neutral, not selected
4
18
Neutral, selected
4
18
BLUEFOR, not selected
4
18
BLUEFOR, selected
4
18
REDFOR, not selected
4
18
REDFOR, selected
4
18
Hotgroup
Neutral
4
18
Neutral, selected
4
18
BLUEFOR
4
18
BLUEFOR, selected
4
18
REDFOR
4
18
REDFOR, selected
4
18
Fuel states (AI only)
0% (empty)
4
18
10%
4
18
20%
4
18
50%
4
18
75%
4
18
100%
4
18
Ordinance (AI only)
Neutral
4
18
Neutral
4
18
Blue
4
18
Blue
4
18
Red
4
18
Red
4
18
Virtual velocity indicator
 
1
18
 
2
18
 
3
18
 
4
18
 
5
18
 
5
18
Flight Information
 
4
18
Olympus 1-1
090
25
 
4
18
Springfield 3-1 | Longname
260
31
 
4
18
Springfield 3-1 | Longname
260
31
Status icons
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
Overlaying planes
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
Hidden planes
4
18
Springfield 3-1 | Longname
260
31
4
18
Springfield 3-1 | Longname
260
31
Plain panel
Disconnected
Panel list
Basic list
List item 1
List item 2
List item 3
List with .highlight-primary
List item with highlight-primary
List item with highlight-bluefor
List item with highlight-redfor
List item with highlight-neutral
Sortable list
List item 1
List item 2
List item 3
Panel board

Unit Callsign

Airframe
Group

Flight data

Loadout

Button group
ol select