Magellan site structure

Magellan user guide

Magellan has different structure modes for its landing page and content pages. These structures are reflected in the Magellan CSS, which makes understanding the Magellan site structures a good starting point to finding elements in the Magellan CSS files.

Magellan site structure modes for desktop-view

The Magellan site structure has two modes:

  • Landing page mode

  • Content page mode

Each mode has several named sections - shown in red in the following images - that are divided into components for different information. For example, the HEADER section displays in both modes and has three components - Logo, Search (not used in Landing page mode) and Icons.

The mainstyles.css follows the same section naming, providing a starting point for locating the CSS element for a screen item.

40% Template

40% Template