1. Colours

Navy
#132A39
Orange
#FF4E00
Off White
#F7F8F9
Border Grey
#E4E7EB
Gray
#5A6875
Light Gray
#C6C6C6
Light Gray 2
#F0F0F0

2. Typography

2.1 Concept

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

2.2 Most used Styles on avatour.com

Remote Inspection Software

Full visibility of your sites and facilities, without leaving your desk.

Avatour delivers a complete 360° view of the site, to enable efficiency-driven teams to conduct remote inspections and audits with confidence.

How It WorksGet Started

Why Avatour for Remote Inspections?

Real-Time Remote Inspections​

Page text. Style: "Body Text"

2.3 Latest Proposal

Level 1 — Hero Header + Subheader
L1 — Full visibility of your sites and facilities, without leaving your desk.
L1-SUB — Avatour delivers a complete 360° view of the site, enabling efficiency-driven teams to conduct remote inspections with confidence.
Level 2 — Section Heading
L2 — Why Avatour for Remote Inspections?
Level 3 — Sub-section / Card Title
L3 — Real-Time Remote Inspections
Level 4 — Body Text (main)
L4 — Conduct remote inspections and audits of your sites and facilities with a complete 360° panoramic view. Host meetings on site virtually, and collaborate instantly. Eliminate unnecessary downtime and get back the hours spent travelling to and from your sites.
Level 5 — Secondary Text (explanatory / dense)
L5 — Avatour supports all major 360° cameras including the Labpano Pilot PanoX V2. An active internet connection is required at the site for live meetings. Recorded assets can be captured offline and uploaded later. Storage limits apply per workspace tier — see pricing for details.

3. Layout Utilities

Containers

container-large — max-width 1200px
container-medium — max-width 960px

Padding

padding-small — 40px top/bottom
padding-medium — 64px top/bottom
padding-large — 96px top/bottom

4. Page Structure

Apply this structure to every new page built from this point forward.

Body
└── page-wrapper
    ├── Navbar
    ├── section
    │   └── container-large  or  container-medium
    │       └── padding-small / padding-medium / padding-large
    │           └── Content
    └── Footer

Components

Buttons, cards, and other UI components will be documented here as they are built.