Brand Guide & UI Kit

One governed system to run the whole building — AI-native build-to-rent.

The standards that keep BTROS consistent across every surface, from a proposal to a resident's phone to the operator console. One mark, one palette, one voice.

BTROS
VERSION 1.0 UPDATED JUN 2026 OWNER ARK360 Studio A PRODUCT OF ARK360
01 — Foundation

What BTROS stands for

BTROS runs the whole building from one governed system. It covers access, residents, visitors, amenities, rent and analytics for build-to-rent operators and their residents, and it lets AI agents handle the busywork under role-based governance — every action scoped, recorded, and something an operator could have done. We are MVP-advanced and deployable, heading to first operator pilots.

Mission

Run the whole building from one system, and let AI agents do the busywork — under governance an operator can audit.

Positioning

An AI-native build-to-rent platform for operators and residents. Six modules from access to rent, a governed MCP layer for AI agents, per-site isolation, and an audit trail that holds up — one Microsoft-stack system on .NET 10 and Azure.

Brand pillars

AI-native

AI agents run the busywork — issuing access, answering residents, chasing arrears — through a governed MCP layer, scoped by role. Each acts only where an operator could.

AGENTS VIA MCP

Governed

Every module — from keyless access to rent — is scoped by site and role, and every change is recorded. Compliance is the default path, not an add-on.

SCOPE PER SITE

Trusted

A tamper-evident trail across the platform. Operators can answer who, what, when, and where with confidence.

AUDIT END-TO-END
03 — Colour

Palette

ARK Navy carries weight and trust; the teal family is the signal of access and the single accent. The primary app icon is a white shield on ARK Navy; Cyan Bright is an on-navy accent — the accent app-icon badge and on-dark emphasis only. Used sparingly, the teal does the work.

Brand

AAA on white
ARK Navy #17232F
Use navy text
ARK Teal #2AA8BC
AA on white
Teal Ink #0F7A8A
Accent / on-navy
Cyan Bright #34C7DE
Teal 050 #E6F6F8

Navy & ink scale

Navy 900 #0F1822
Navy 800 #17232F
Navy 700 #21303D
Navy 600 #2E4150
Navy 500 #3D5366
Ink 500 #5C6A73

Neutrals

Paper #FFFFFF
Surface #F7F9FA
Panel #EEF2F4
Line #E1E7EB
Ink 700 #2E3B45
Ink 400 #8A969E

Functional

Success #1F9D6B
Warning #B9791A
Error #CF4438
Info #2A6FBC
Accessibility rule On a Cyan/Teal fill, set the shield and text in ARK Navy, never white (navy-on-cyan ≈ 8:1). For teal text/links on light, use Teal Ink #0F7A8A (WCAG AA).
04 — Typography

Type system

Inter is the single brand typeface. Weight does the expressive work: heavy and tight for display, regular for reading. JetBrains Mono labels anything technical — the system-readout voice carried from the operator console.

Primary
Inter

Display, headings, body, UI. Weights 300 to 800.

Utility
JetBrains Mono

Labels, tokens, code, data, and timestamps.

Scale

Keyless access
Display · Inter 800 · 46px
Section heading
H1 · Inter 700 · 30px
Subsection heading
H2 · Inter 600 · 22px
Body copy carries the detail at a comfortable reading size.
Body · Inter 400 · 16px
SYS.LABEL — 042
Label · JetBrains Mono 500 · 12px · uppercase

Weights

AaLight 300 AaRegular 400 AaMedium 500 AaSemibold 600 AaBold 700 AaExtrabold 800
05 — Motif & Icons

The shield motif

The shield is the product's structural device. Use it as a section marker, a list anchor, or a quiet background watermark. Icons share its language: even strokes, rounded joins, geometric and calm.

Primary · white on navy

Reverse · navy on light

Accent · Cyan Bright

Watermark · tint

Icons

shield-check key-round scan-face settings arrow-right

Even stroke weight, rounded terminals, 24px grid. Lucide is the recommended base set.

06 — Voice & Tone

How BTROS sounds

An honest practitioner. Plain verbs, sentence case, no filler. We earn trust by being specific about what the system did, not by being clever or grand.

Do
  • Lead with what the system did and to which door.
  • Use active voice: "Grant access", not "Submit".
  • Quantify outcomes you can stand behind.
  • Keep one job per sentence, in plain language.
Don't
  • Reach for "leverage", "synergy", or "best-in-class".
  • Hide the system behind jargon the reader didn't ask for.
  • Be vague in errors about what happened.
  • Inflate. If it's a pilot, call it a pilot.
07 — Tokens

Design tokens

The numeric system every component is built from. Spacing runs on a 4px base, so layouts stay on a predictable rhythm.

Spacing

--ark-space-1 tight insets, icon gaps 4px
--ark-space-2 chip padding 8px
--ark-space-4 control padding, card gaps 16px
--ark-space-6 card padding 24px
--ark-space-12 block separation 48px
--ark-space-24 section rhythm 96px

Radius

--ark-radius-xs 4px
--ark-radius-sm 8px
--ark-radius-md 10px
--ark-radius-lg 14px
--ark-radius-pill pill

Elevation

--ark-shadow-e1 resting cards
--ark-shadow-e2 hover, dropdowns
--ark-shadow-e3 modals, popovers
08 — UI Components

Component library

Live components built from the tokens above. These are the building blocks for BTROS operator and resident interfaces.

Buttons
Badges & status
Neutral Keyless Operational Degraded Offline v1.0 .NET ASPIRE BLAZOR
Alerts
Heads upA new agent version is available. Review the changelog before promoting to production.
GrantedVisitor pass issued for Building C, valid until 18:00.
Cards

Building access

Per-site access control, scoped by operator membership.

SITES MULTI

Governed audit

Every grant and revocation recorded, tamper-evident by design.

TRAIL END-TO-END
1 wk
Onboard to live
Form field
Used to deliver the keyless credential.
09 — Patterns

Putting it together

The system on its two home surfaces. Light for documents and reading, navy for product chrome and status.

Dashboard

Resident access

42 active credentials across 3 buildings.

All systems operational
SYS.STATUS
Systems nominal
Live UPTIME 99.98%
An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.