Brand & Style

Visual identity system for Stratum Labs. Earthy greens grounded by deep teals — nature meets precision.

Colour Palette

Brand

Darkest

Forest

#1C2B14

Dark

Olive

#41493B

Mid

Sage

#A4AE9D

Accent

Deep Teal

#164154

Light Accent

Steel

#4A7186

Stratum Theme

Website System

Background

#f5f5f0

Dark

#1b2a17

Gray

#e8e8e5

Text

#1a1a1a

Muted

#6b7268

CTA Dark

#222222

Colour Usage

Earth Greens

The green spectrum forms the foundation. Forest for deep backgrounds, hero sections, and text selection highlight. Olive for secondary surfaces. Sage as the versatile mid-tone for text on dark or borders on light.

Typical usage ratio

Ocean Teals

The teal pairing provides contrast and energy. Deep Teal for headers, key UI elements, and call-to-action backgrounds. Steel for interactive highlights, links, and secondary actions.

Typical usage ratio

Typography

Font System

Display / Headings

Bodoni Moda

Aa Bb Cc 123 400

Aa Bb Cc 123 500

Aa Bb Cc 123 600

Aa Bb Cc 123 400i

Used for all headings (h1–h3), hero text, and accent type. Paired with tracking-tight (-0.025em). Variable optical size 6–96.

Body / UI

Inter

Aa Bb Cc 123 300

Aa Bb Cc 123 400

Aa Bb Cc 123 500

Aa Bb Cc 123 600

Used for body text, navigation, buttons, descriptions, and all UI elements. Default weight 400, nav/buttons 500, emphasis 600.

Type Scale

8xl Competitive advantage

5xl Competitive advantage

3xl Competitive advantage

xl Body text at xl for lead paragraphs and intros

base Body text at base for standard paragraphs and descriptions

sm Secondary text, card descriptions, metadata

xs LABELS · TAGS · METADATA

Contrast Pairings

Sage on Forest

AA Large

White on Deep Teal

AAA

Dark on Stratum BG

AAA

Brand Voice

Messaging

Hero Headline

From AI curiosity to competitive advantage.
We build the bridge.

Tagline

AI Advisory & Implementation

Positioning

Melbourne-based AI advisory

Value Proposition

AI doesn't have to be complicated. We demystify the technology, identify where it creates genuine value, and deliver outcomes — not decks.

Services Headline

The strategic clarity of a boutique advisory, with the delivery capability of an experienced implementation partner.

Components

UI Patterns

Buttons

Send Message Primary CTA

Book Discovery Secondary

FIXED SCOPE Badge / Tag

Border radius: xl (12px) for buttons, full for pills/badges.

Cards & Surfaces

Standard card

rounded-2xl (16px)

Feature card

rounded-3xl (24px)

Nav bar

rounded-full + backdrop-blur-md

Hover: -translate-y-1 lift + shadow-xl. Transition: 300ms ease-out.

Motion

Page enter fade-in-up 0.6s ease-out

Card hover -translate-y-1 300ms

Card flip (services) rotateY(180deg) 500ms

Accordion grid-rows 300ms

Carousel auto 10s + fade-in-up

Easing: cubic-bezier(0, 0, 0.2, 1) for exits, (0.4, 0, 0.2, 1) for in-out.

Icons

Lucide React v0.546 — consistent 24px stroke icons. Used for service cards, value props, navigation, and social links.

Zap Search Brain Users Blocks Shield Target Check Scale Mail

Developer Reference

CSS Variables

/* Brand Palette */

--brand-forest: #1C2B14;

--brand-olive: #41493B;

--brand-sage: #A4AE9D;

--brand-deep-teal: #164154;

--brand-steel: #4A7186;

/* Stratum Theme System */

--color-stratum-bg: #f5f5f0;

--color-stratum-dark: #1b2a17;

--color-stratum-gray: #e8e8e5;

--color-stratum-text: #1a1a1a;

--color-stratum-muted: #6b7268;

/* Font Stacks */

--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;

--font-serif: "Bodoni Moda", ui-serif, Georgia, serif;

--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

Identity

Legal & Social

Legal Entity

Stratum Labs Pty Ltd

Wordmark

STRATUM

Logo

/images/stratum_logo.svg

Domain

stratumlabs.com.au

stratum-labs-ai

Jurisdiction

State of Victoria, Australia