Brand guide, v4 on the web

Clear. Capable. Considered.

How ARK360 looks and sounds on this site: Brand Guide v4 (August 2026), applied to the web and refined by the conversion research. Tokens live in one stylesheet; copy lives in one file. Both follow this page.

The mark

One recognisable mark.
Six segments, one system.

The rounded hexagon is the ARK360 mark. Six segments nod to the six operational parts. Intelligence sits under every part. Its geometry is fixed and shared by every surface, from the header to the share cards.

On light surfacesARK360
On navyARK360
  • Lockup: mark 32px, text 22px, 12px gap. ARK in bold, 360 in light Teal Ink.
  • On navy, the mark and ARK reverse to white and 360 takes the brighter teal.
  • Clear space of at least half the mark on every side. Never recoloured, rotated, outlined or paired with another logo.
  • Small sizes use the mark alone: the eyebrow anchor at 12px, the favicon, the app icon.

Colour

Navy for weight, teal for action.
Cool neutrals underneath.

Two home surfaces: light for reading, navy for presentation. Teal is spent once per composition, on the action. It is never a status colour; status uses green, amber or red with a text label beside it.

  • ARK Navy#17232F · --navy-800Identity, the closing band, the primary button on light
  • Navy 900#0F1822 · --navy-900Footer ground and the deepest text
  • Teal Ink#0F7A8A · --teal-700Teal text, links and the solid primary button
  • ARK Teal#2AA8BC · --teal-500Rules, marks and bars on light: decoration, never text
  • Teal 400#46C2D4 · --teal-400Emphasis and the primary button on navy
  • Cyan Bright#34C7DE · --teal-300Eyebrows on navy only
  • Teal 050#E6F6F8 · --teal-050Wash for highlights and selection
  • Surface#F7F9FA · --surfaceThe page ground
  • Paper#FFFFFF · --paperCards, the header, the board
  • Panel#EEF2F4 · --panelContainer ground and status labels
  • Ink 700#2E3B45 · --ink-700Body text
  • Ink 500#5C6A73 · --ink-500Captions and secondary text

Every text pair meets WCAG AA: Ink 700 on Surface 11.0:1, Teal Ink on Surface 5.2:1, white on Teal Ink 5.0:1, Navy 900 on Teal 400 7.9:1, Navy 200 on ARK Navy 8.0:1.

Typography

One typeface. Weight does the work.
Inter for words, JetBrains Mono for labels.

Inter carries everything: extra-bold for the page headline, bold for section headings, semibold for card headings and buttons, regular for body, light for the 360. JetBrains Mono, uppercase and tracked, marks eyebrows, labels and captions. Both are served from this site.

DisplayInter 800, up to 64px desktop and 34px phone; compact leading and negative tracking
Run every BTR building from one suite.
Section headingInter 700, up to 40px desktop and 26px phone; regular-weight tail in slate
Six parts. One foundation.
Card headingInter 600, 24px desktop cards and 22px phone, tracking -0.015em
Your data, your environment.
LedeInter 400, 18px, line 1.6
Intelligence prepares the next step. Your team decides.
BodyInter 400, 16px, line 1.6, measure 62 characters
A person approves before anything goes out.
LabelJetBrains Mono 500, 11 to 12px, uppercase, tracking 0.14em
Build-to-rent operations for Australia

Components

Few parts, used the same way.
One filled button per view.

Cards carry one edge: a faint ring on the page ground, a tonal fill on a white band. Buttons sit on an 8px radius, cards on 10, panels on 14. Shadows are for the board and for hover. Focus is a 2.5px Teal Ink ring. Motion is hover and focus only. Intelligence has the one gradient: ARK Navy with a teal breath, and the word itself from white to cyan.

Buttons and links

One filled primary button per view. The header button and the hero's Pilot button are outlined secondaries. Email James is always a text link with the arrow.

Eyebrows

Build-to-rent operations for Australia

The suite

Page eyebrows carry the mark. Section eyebrows carry their index.

Status and highlight
In developmentone record

The status label is Panel grey with text, never teal. Highlight pills exist but are off in every headline.

Card

For residents

Concierge

Resolve every resident request.

Requests with photos, building updates, bookings, parcels, access and messages to the building team.

In development

Motifs and imagery

Abstract, structural, honest.
Nothing pretends to be a product.

  • The hexagon anchors every page eyebrow and appears as a quiet watermark on the closing band. The hero stays clear.
  • A faint navy grid on navy panels: the signature of the presentation surface.
  • The suite is a navy HTML concept board. Six linked parts lead to their descriptions, with Intelligence underneath. It is not a product screenshot.
  • Real photographs only of real people: the founder, in a circular crop. No stock photography, mock dashboards or phone mock-ups.
  • Icons are single-weight line icons at a 1.5px stroke; the only ones in use are the arrows.

Voice and copy

Say what the work is.
Plain, specific, exactly true.

The site has one job: a 20-minute call with a head of operations at a build-to-rent operator. The copy earns it by being clear before it is clever. These rules come from the conversion research and the truth rules, and the build fails when copy breaks them.

  • Headlines are statements of ten words or fewer, with the meaning in the first two words. Never a question.
  • Sub-lines are one or two short sentences that say who it is for and how it works.
  • Sentences average 14 words or fewer. Pages sit between 250 and 725 words at a grade 5 to 7 reading level.
  • Australian English, sentence case, no em dashes or en dashes. Small numbers are spelt out.
  • Say residents, not renters or tenants. Say your environment for the deployment. Say building team, head office, work orders, inspections, compliance evidence and owner reporting.
  • The suite's parts are one word each, the word the audience already uses: Leasing, Concierge, Works, Trades, Compliance, Portfolio, with Intelligence underneath. ARK360 is the umbrella, said once. Never a second brand, never a made-up word.
  • Say In development. Say designed to run in Australia until a deployment exists. Name only what exists, what is being built, and what is not.
  • No customer names, quotes, logos, measured results, savings, certifications, prices or superlatives until they exist. Founder experience is not an endorsement.
  • Built on OutSystems in plain text only: never the logo, a badge or Powered by. OutSystems is a trademark of its owner; ARK360 is independent.
  • One invitation: Shape it with us. The six-week Pilot is the secondary path. Email James is the text alternative. No forms.

Sources

Where this comes from.

  • Brand Guide v4, August 2026: the mark, palette, type and motif system.
  • The brand audit of 28 September 2026: how v4 was applied to this site and what the previous site got right.
  • The website research of 28 September 2026: the conversion evidence behind the copy rules and the five reference sites in the niche.
  • The naming research of 29 September 2026: why each part is one productised word tied to one audience, under the ARK360 umbrella.