Skip to content

Components preview

Page sections you can mix into full layouts, plus smaller interface elements for forms, navigation, and conversion flows.

Demo sites under Work combine these patterns into full pages.

Hero sections

Dark marketing heroes: centred glow + stacked UI, split + product frame, split + photography, full-bleed image — violet accents throughout.

LayoutCentred glow + nav + dashboard stack
Visual
Nebula
Sign up
Now available

Operating clarity for growing teams

Centred heroes stack a thin nav, headline, proof, and violet CTAs — then a product panel below reads like a real SaaS landing.

Trusted by operators across WA — swap avatars for customer logos when you ship.

Start free trial Watch demo
Overview
Export
Campaign Status Conv.
Northline launchLive4.2%
Summer trade pushDraft
WA awarenessReview2.8%

Feature sections

Dark SaaS-style blocks: purple accents, icon grids, split + product frame, bento, and centred hero + visual.

LayoutSix-up grid + violet chrome
Visual

Product

Built for teams who outgrow template soup

Dense icon grids pair a strong headline with six parallel benefits — purple wells, subtle borders, and breathing room between tiles.

01

Ship faster

Reusable sections and tokens so new pages do not reinvent spacing every time.

Learn more →
02

Stay accessible

Semantic structure, colour contrast, and keyboard paths tested before launch.

Learn more →
03

Own your content

Editor-friendly CMS patterns with guardrails so layouts stay intact.

Learn more →
04

Measure what matters

Analytics events named in plain English — funnels optional when you are ready.

Learn more →
05

Integrate cleanly

Forms, CRM hand-offs, and booking tools wired without brittle plugins.

Learn more →
06

Handover you can use

Short videos and written notes so your team is not blocked on day two.

Learn more →

CTA sections

Dark catalogue CTAs: rounded card + product mockup, centred radial glow, full-width violet bar, split photography, or lead-in with an image collage.

LayoutRounded card + UI mockup bleed
Visual

Boost your throughput. Start using the workspace today.

Organise projects, approvals, and reporting in one calm surface — fewer tabs, clearer ownership for distributed teams.

Start free trial Learn more
app.preview — Dashboard
Project Owner Status
Northbourne fit-out A. Chen Live
Harbour signage M. Okafor Review
Regional rollout S. Patel Queued

Pricing sections

Dark pricing patterns: tier stacks, spotlight plans, comparison tables, and enterprise matrices with clearer hierarchy.

LayoutThree tiers with centre emphasis
Visual

Pricing

Choose the right plan

Starter

$29/mo

For solo operators and compact websites.

  • Up to 10 pages
  • Basic CMS
  • Email support
Get started
Most popular

Growth

$79/mo

Best for scaling teams shipping weekly updates.

  • Unlimited pages
  • Component library
  • Priority support
Get started

Partner

$199/mo

Advanced workflows and enterprise controls.

  • Roles and permissions
  • Audit logs
  • SLA options
Get started

Header sections

Dark header and masthead patterns: image overlays, centred support hero blocks, stat rails, and compact utility bars.

LayoutImage hero + top nav + stat rail
Visual
Support centre

Help centre

Work with us

Explore resources, open support channels, and practical implementation notes for teams working at pace.

12

Guides

300+

Articles

40

Toolkits

Support

Newsletter sections

Dark SaaS capture patterns: split with detail columns, minimal split, full purple band, stacked left-aligned, centred glowing card, or split inside a card.

LayoutSplit — form + two detail columns + glow
Visual

Subscribe to our newsletter

Fortnightly notes on shipping, accessibility, and client-friendly handovers — unsubscribe any time; we behave like a Privacy Act–conscious sender.

you@company.com.au Subscribe

Weekly articles

Short essays on IA, performance budgets, and patterns we reuse across builds.

Product updates

Changelog-style blurbs when templates or components ship — no fluff.

Stats sections

Dark data bands and story-led layouts: plain metric row, trust banner, image overlays, split photo, bento cards, and mission + KPI stack.

LayoutClean four-up metric row
Visual

44 million

Monthly active users

$119 trillion

Global volume processed

46,000

Partner organisations

99.95%

Platform uptime

Testimonials

Dark proof patterns: featured quote, profile split, card quote, image overlay, two-up cards, and dense social proof walls.

LayoutFeatured centred quote
Visual
Customer story

“Your team helped us launch with confidence. The process was clear, the handover was practical, and we finally have a site our sales team is proud to share.”

Alex M.

Operations lead, Perth

Blog sections

Editorial patterns for dark layouts: insight cards, image grids, text-led lists, and split feature stories.

LayoutPro insights — three text columns
Visual

Insights

Pro insights

View all articles →

Performance

Reducing payload without sacrificing visual quality

Image strategy, font loading, and layout priorities that improve Core Web Vitals on real client pages.

Alex M. · 7 min read

Content

Writing service pages that rank and convert

How to structure trust signals, FAQs, and location context in plain Australian English.

Riley T. · 7 min read

Delivery

Launch checklists that prevent avoidable defects

A practical handover model covering analytics, redirects, forms, and fallback content.

Jordan S. · 7 min read

Contact sections

Dark contact patterns: centred form, channel cards, split form + details, office strips, process list, advisory split, and photo-led enquiry panel.

LayoutCentred form with subtle glow
Visual

Contact sales

Tell us about your project and timeline. We will reply within one business day.

Full name
Work email
Organisation
Project brief
Submit enquiry

Content sections

Editorial content patterns: long-form stacks, split narratives, story + metrics, feature cards, media-led split, and profile-led essays.

LayoutLong-form intro + side panel
Visual

Playbook

A better workflow

Set expectations early with a clear lead paragraph, then move into practical steps. This format keeps longer guidance pages readable on both desktop and mobile.

  • • Define owners for each approval stage.
  • • Close review windows before implementation starts.
  • • Track change requests in one shared location.

Team sections

Split rosters, portrait grids, compact walls, centred cards, large duos, and bio rows — dark slate, generous gaps, optional socials.

LayoutSplit intro + circular roster
Visual

Leadership

Meet our leadership

A narrow column for positioning copy; the roster uses horizontal pairs so names read beside faces, not only under tiny circles.

Morgan Lee

Creative director

Priya Shah

Lead developer

Noah Wright

Strategy lead

Casey Ng

Producer

FAQ sections

Dark FAQ patterns: split lead-in, centred accordions, two-column responses, and dense card grids for support-heavy pages.

LayoutSplit lead-in + accordion list
Visual

Help centre

Frequently asked questions

Use a split layout when you want a clear intro column beside expandable answers.

How do revisions work?

We batch feedback rounds so design and build stay predictable — typically two structured passes before development lock.

Do you host the site?

We can deploy to your host or recommend managed hosting that suits your budget and compliance needs in Australia.

What about ongoing support?

Optional retainers cover small updates, monitoring, and priority fixes inside a monthly allowance.

Can we keep our existing brand assets?

Yes. We audit what you have first, then extend the system rather than replacing everything on day one.

Headers

Dark header and navbar patterns with multiple dropdown behaviours and realistic open states.

Overview Features Templates Documentation API reference Guides Changelog
Sign in

Banners

Notification strips, dismissible alerts, cookie consent panels, and floating toasts.

New Version 3.0 is live — faster builds, dark mode by default. Read the release notes →

Forms & UI

Smaller controls used inside sections above.

Badges and labels

Primary Outline Info Success Warning Critical

Buttons

Tab styles

Pill

Underline

Boxed

Segmented

With badge count

Vertical

Dropdown

Tooltip styles

Modal

Dialogs for confirmations, forms, and larger content. Click each to preview.

Form controls

Please enter a valid email address.

Notifications enabled

Avatars

Group

+4
8 members

Status

Progress & loading

Upload progress72%

Pagination

Page 2 of 9

Empty state

📭

No projects yet

You haven't created any projects. Get started by adding your first one below.

Table

Name Role Status Joined

Alex Rivera

alex@example.com

Admin Active Jan 2024

Jordan Lee

jordan@example.com

Editor Invited Mar 2024

Sam Nguyen

sam@example.com

Viewer Inactive Jun 2024