Guideline
OICL
Home
Home
Guideline
Figma
Code
User account
Membership
DP 5.0
OpenBridge
Introduction
Regulations
Case studies
Automation 5.0
CAM 5.0
Conning 5.0
DP 5.0
Ecdis 5.0
Radar 5.0
Workplace design 5.0
User interface patterns
Alerts
Application
Brighten dark screen
Cards
Help & Support
Micro apps
Reduced topbar
Settings
Vendor menu
Palette
Typography
Colors
Styles
Styles
Typography
Shapes
Palettes and color
States & Styles
Components
UI
Alert buttons
App button
Badges
Bread crumb
Button
Check button
Checkbox
Continuous slider
Direction button
Dividers and handles
Dropdown
Icon button
In command
Keyboard
List item
Menu
Menu button
More and popup button
Progress bar
Radio button
Rich nav button
Scrollbar
Search box
Slide button
Start stop switch
Status button
Stepper box
Tabs
Text box
Toggle button
Toggle switch
Tooltip
Top bar info
Application
Alert menu
App menu
Cards
Dimming menu
Micro app
Modal window
Navigation menu
Reduced topbar
Settings topbar
Side panel
Sign in menu
Topbar
Charts & Graphs
Bars
Radial arrow bar
Radial bar
Trend
Navigation
Azimuth
Compass
Depth
Heading
Main engine
Pitch Roll Heave
Rate of Turn
Rudder
Ship
Speedometer
Tunnel Thruster
long-lat
speed-arrows
true-relative
Automation
Device
Indicator
Motor base
Pipe
Switch
Tank
Valve
Icons
Styles
Typography
Shapes
Palettes and color
States & Styles
Sizing
Styles
Typography
Shapes
Palettes and color
States & Styles
Case studies
Application cases
Conning
ECIDS
Widget cases
Speed
Styles
Typography
Shapes
Palettes and color
States & Styles
Styles
Typography
Shapes
Palettes and color
States & Styles
Submit feedback
Scroll to top
DP 5.0
DP 5.0
