Brand Guidelines

01 — Logo

The Nabooki Logo

Our logo is the most recognisable expression of the brand. Use the lockups, clear space, and background rules below to keep it consistent everywhere it appears — web, print, decks, and partner materials.

Logo Lockups

Primary Wordmark

Navy #011166 · min 100px high

Reversed Wordmark

White · for navy & dark imagery

Secondary Mark

Min 150px high

Submark

Min 150px high

Approved Backgrounds

White — default

Navy

Oat

Amber Dune

Logo on Imagery

Place the white logo over darker, low-detail areas of a photo so it stays clearly visible. Avoid busy or light backgrounds that swallow the mark.

Do's & Don'ts

Don't rotate or tilt

Always keep the logo level and upright.

Don't stretch or distort

Scale proportionally — never squash or stretch.

Don't recolour

Use only navy, white, or approved palette colours.

Don't use low contrast

The logo must never blend into its background.

Don't add effects

No drop shadows, glows, or outlines.

✓

Do keep it clean

Approved colour, clear space, upright, full contrast.

02 — Colour Palette

The Colours of Nabooki

A fixed palette — Navy, Blue, Amber Dune, Oat, Off-White and White. Professional, warm, and distinctly Australian. Contrast ratios meet WCAG 2.1 AA.

Core palette — fixed. Do not modify or substitute.

Navy

#011166

Primary bg · Headings · UI base

Blue

#0027E6

CTAs · Links · Interactive elements

Amber Dune

#D97E3D

Warm accent · Segment tags · Hover

Oat

#DEDCCD

Page bg · Subtle fills · Warm neutral

Off-White

#F5F4EF

Section bg · Panel fills

White

#FFFFFF

Card bg · Reversed text areas

Segment accent colours

Tours & Activities

Amber Dune (#D97E3D) is the approved accent; an optional lighter tint (#E8A068) for secondary highlights. Avoid cool blues in tours-and-activities contexts.

Attractions

Deeper, considered blues that complement Navy without competing. Conveys permanence and cultural weight for museums, heritage sites and galleries.

Government / Parks

Uses the core Navy and Blue palette directly. Clean, official and trustworthy. Do not apply warm accent colours to government-facing content.

03 — Typography

Type Scale

Poppins is our sole typeface. Weight 700 for all page headings (H1, H2); 400 for body copy; 600 for UI labels and buttons. Never use italic or <em> inside headings, and never use weights outside this set.

H1 — Display

clamp(36px, 4vw, 56px)
Weight 700 · Line-height 1.15
Letter-spacing −0.5px · No italic

Your Gateway to Australia’s Best Tours

H2 — Section

clamp(26px, 3.5vw, 42px)
Weight 700 · Line-height 1.2
Letter-spacing −0.3px · No italic

Everything your booking system should be.

H3 — Subheading

22px · Weight 700
Line-height 1.3 · Letter-spacing 0

Manage Your Bookings in Real Time

Body

15px · Weight 400
Line-height 1.7 · Colour #4A4A5A

Nabooki is the booking platform built for Australian tourism operators. Whether you run a whale-watching charter, a guided city tour, or a national park attraction, our flat-fee model means more revenue stays in your business — not your booking system’s pocket.

Caption / Label

12–13px · Weight 600
Letter-spacing +2px · Uppercase

Pricing Calculator · Tours & Activities · Last Updated April 2026

04 — Reusable Components

Brand Components

The canonical building blocks for every marketing page. All buttons use border-radius 6px and Poppins 600.

ButtonsPrimary · Outline · Ghost · Nav CTA

On light background

Start Free Trial Learn More Disabled

On dark / hero background

Start Free Trial Watch Demo

Section Headereyebrow → H2 → subtext · used at the top of every content section

Tours & Activities

Everything your business needs

Flat-fee booking software built for Australian tours and activities businesses. Keep 100% of direct sales with no per-booking commissions.

Feature Cards1px border · 12px radius · blue-tint icon chip · hover lift

Real-Time Availability

Live calendar sync across your website, OTAs and resellers — no double bookings.

Integrated Payments

Accept cards, gift vouchers and government scheme payments in one checkout flow.

OTA Distribution

Push availability to Viator, GetYourGuide, Expedia and more from one dashboard.

05 — Icon System

Icon Library

Rounded line icons with a consistent 1.5px stroke, a 24×24px artboard, and round caps and joins throughout. Built on Tabler Icons.

Artboard

24 × 24px

Stroke

1.5px

Caps

Round

Joins

Round

Fill

None (outline)

Library

Tabler Icons

Booking

Calendar

Ticket

Clock

Check-in

Clipboard

Payments

Card

Invoice

Receipt

Dollar

Distribution

Globe

Link

Layers

Integrations

Plugin

Sync

Webhook

Plug

Operator Types

Tour Bus

Compass

Camera

Museum

Map Pin

On dark background — Navy #011166

Calendar

Card

Plug

06 — Photography Direction

Visual Direction

Each segment has a distinct visual tone. Choose images that feel authentic, energetic and unmistakably Australian — and that centre real people in real moments.

Tours & Activities

Active · Warm · Energetic — people at the heart of every experience

Guided outdoor tour

Guide with group

Wildlife encounter

Coastal adventure

Authentic Australian tourism — real operators and real guests

Warm natural light — golden hour or soft overcast outdoors

Diverse representation of guides, staff and visitors

Candid moments of genuine joy and connection

Generic, staged stock poses without context or story

Competitor logos or branding visible in frame

Attractions

Considered · Heritage · Welcoming — spaces that invite discovery

Museum interior

Heritage building

Cultural landmark

Visitor centre

Architecturally significant spaces with careful composition

Visitors engaging thoughtfully with exhibits — not performing for camera

Natural or soft light that flatters the space’s character

Overcrowded, chaotic or visually noisy scenes

Heavy Instagram-style colour grading or artificial filters

Government & Parks

Professional · Trustworthy · Modern — organised and authoritative

National park landscape

Ranger / staff

Facility

Tech / kiosk

Clean, well-maintained environments that convey order and public trust

Staff in recognisable uniforms — communicates official authority

Technology integrated naturally into operations and visitor experiences

Overly staged corporate stock photography without context

Imagery that could imply partisan political affiliation

Image specifications & aspect ratios

16:9Hero / Banner — 1920×1080 min

4:3Card / Thumbnail — 800×600 min

1:1Profile / Avatar — 400×400 min

3:2Editorial / Blog — 1200×800 min

Image treatment: Use a subtle navy overlay (max 55% opacity) for text legibility, or a mild saturation boost (+10–15%) with a slight brightness reduction (−5–10%) for mood. Avoid heavy colour grading that strips authenticity from the image.

07 — Layout & Page Chrome

Layout & spacing standards

Use the same measurements on Homepage, Tours & Activities, Attractions and Government so every page shares one rhythm.

Grid & spacing

Max content width: 1200px, centred.
Horizontal padding: 48px on nav, hero and content sections.
Section blocks: 100px vertical padding.
Hero: min-height 600px; padding 160px / 48px / 100px; inner wrapper 1200px, left-aligned.

Navigation

Height 72px, white at 97% + blur, 1px bottom border.
Links: Tours & Activities · Attractions · Government · Pricing · Resources · About · Login, then a blue CTA pill.
Link text: 14px, weight 500, #555555; hover navy.

Hero buttons (on dark overlay)

Primary: fill #0027E6, padding 14×32, 15px semibold, radius 6px.
Secondary (outline white): transparent, white text, padding 14×24, 2px white border at 50%.
Outline blue (light sections): 2px solid #0027E6, same radius.