org.tech / Company / Design reference Glass box. Component library v3

The supporting line sits here in serif italic, one sentence, centred, exactly as it does above the homepage hero.

One design {DNA} every page.

The lead sentence is set in Geist bold. The rest of the paragraph runs in serif italic, two or three sentences, and says plainly what this page is for and who should read it.

Book the strategic assessment → 01 Our approach

Hairline-joined cells.

CELL GRID · 3 COLS

The lede paragraph opens a section. It runs at a slightly larger size than body copy and bold picks out the claim. Keep it to one or two short paragraphs.

Deployed today
In pilot
Designed, not yet built
01 Deployed

Inside your boundary.

Body copy for a cell. Two to four sentences. Specific, factual, no adjectives doing the work of evidence.

Left metaRight meta
02 Pilot

Systems, then policy.

  • A cell can carry a short list instead
  • Each item one line where possible
  • The dash is red, the text is not
PlaybooksSigned DPA
03

A cell can be a link.

Then the right-hand meta becomes the arrow and slides on hover.

Platform→
A

Dark cell.

One per grid at most.

B

Four columns.

For short items.

C

Collapses to two.

Then one on phones.

D

No orphans.

Fill the row.

104models
Catalogue · total
18labs
Model · providers
17
Control rows · mapped
2,700tests
Product · suite

Field notes from the boundary.

CARDS · LEAD FIRST
Long read12 min

Why your models run inside your cloud, not ours.

The lead card is dark. One per grid.

org.tech · Platform→
Insight5 min

A white card with the editorial shadow.

Excerpt text, two or three lines.

org.tech · Insight→
Security4 min

Another white card.

Excerpt text.

org.tech · Security→

Most private AI means they hold your data privately. Ours means you do.The line the whole site hangs from

Copy left, evidence right.

SPLIT · TERMINAL
Verified · not trusted

A display heading inside a split.

Large body copy introduces the idea. It is followed by a numbered list with bold lead-ins, the same shape as the homepage.

  • 01
    Bold lead-in. Then the sentence that explains it, specific and short.
  • 02
    Second point. Another sentence.
  • 03
    Third point. Another sentence.
Primary pill →Ghost pill
verify-deployment · staging
RUNNING
orgos validate --strict
[validate] manifest schema 1.1
Declared connect hosts✓ 2 of 2 declared
Route verification✓ verify() first
Undeclared host in bundle✕ src/api.ts:41
Scope within admission△ review
1 refused · fix named · nothing published
Illustrative outputexit 1
Caption line·Mono, small caps

The diagram kit.

FRAME · ZONES · NODES
org{•}tech / platform / deployment-topology.v3Your people · your cloud account · model service
Your people
Staff browserPasskey or MFA sign-in
AdministratorRoles, grants, promotion
Cloud account you own One organization · one account
DashboardWhite-labelled
Policy gateEnforced by cloud IAM
Chat handlerMetered per person
Knowledge indexIn your storage region
Module runtimeOwn origin per module
Ghost nodeDesigned, not built
Managed model service
Frontier modelsNo vendor access to content
Zone colours: green external, red edge, amber WAN, blue internal, solid for what you own. Wires are red. A dashed wire is a blocked path.

Tables that compare.

SPEC TABLE
QuestionorgOS on your cloudSaaS assistantBuild it yourself
Who owns the account✓You✕The vendor✓You
Time to a governed first use△Short, not yet measured✓Immediate✕Quarters

Table note in mono: where a cell is a judgment rather than a measurement, say so here.

Claim discipline

A callout carries the caveat. Say what is measured and what is a target, on the page, next to the claim.

Every step is a gate.

STEPS · GATES
  1. 01About a week

    Strategic assessment

    What happens in the step, in two or three sentences.

    Gate
    Does governed AI create enough value here to proceed?
    Decides: your executive sponsor
  2. 02A few weeks

    Proof of concept

    Second step body.

    Gate
    The question that must be answered yes.
    Decides: sponsor and org.tech

The rest.

PRICING · FAQ · LINKS
01
Strategic assessment
$2,500once

Description.

Note line
02
Deployment
$2,500from

Description.

Note line
03
Managed operations
$500per month

Description.

Note line
01A question a buyer actually asks?

The honest answer, two short paragraphs at most, with a link to the page that proves it.

02A second question?

Answer.

Dark band

One statement, full width.

Use once per page at most, for the claim the page exists to make.

  • 01
    Point. Sentence.
  • 02
    Point. Sentence.
⎯⎯ Book the strategic assessment ⎯⎯

Your private AI, inside your control ·

The closing band is the same on every page. One sentence on what the assessment is, then the two pills.

Book the strategic assessment →See the engagement path →