Skip to content
naustr

Brand

The mark, the colours, and the rules behind them

Everything needed to use the Naustr identity correctly — the files, the values, and the reasoning. Written so it can be handed to a colleague, a printer, an agency or another AI without a conversation attached.

96px

48px

24px

The thinking

A naust is the shed at the waterline where a boat rests between trips. An order rests the same way, somewhere between the purchase and the doorstep — and the product is the place it rests. The mark is that building: an arch, which is also a lowercase n, which is also a gateway things pass through on the way somewhere else.

It replaced a barcode. A barcode says shipping label, which is one output of the product rather than what it is, and it is the most-used glyph in logistics software — so it read as category wallpaper and said nothing about the name.

The rest follows from one idea: this is software people trust with the orders that pay their wages, so nothing decorative is allowed to cost legibility. One accent colour, one status colour, two typefaces, and effects only where they carry meaning. Restraint here is not minimalism for its own sake — it is what makes the few signals that do exist mean something.

The mark

One stroked path, never a filled shape. It has to survive a favicon, a one-colour carrier label, an embossed box and a dark surface — which is why it is a single line with an open counter and nothing inside it.

  • Stroke 5 at normal sizes, 6 below about 20px — a constant stroke closes the counter and the arch becomes a blob.
  • One colour, always. No gradient, and no second tone inside the mark.
  • Never inside another shape. The arch is already a container; a circle around it makes two.
  • Clear space of at least one stroke width on every side.
  • The wordmark is lowercase, Inter Bold, tracked to −0.045em. Never capitalised, never at default spacing.

Colour

Six values, each with one job. Blue means action, green means live, and nothing else on a page is chromatic — a page with four colours has none that mean anything.

#0B2E4FDeep SeaBrand surface, dark sections, the mark13.02:1 on Paper
#1D4ED8Signal BlueEvery action: buttons, links, focus rings6.70:1 on white
#0E7C5ATide GreenLive status only, nothing decorative5.19:1 on white
#0F172AInkBody text16.80:1 on Paper
#F7F8FAPaperPage ground; borders are Ink at 10%—
#3B82F6Bright BlueDisplay type and fills only — never body text3.68:1 on white

Ratios computed with the WCAG relative-luminance formula, not estimated. Bright Blue measures 3.68:1, below the 4.5:1 floor for body text, so it is restricted to headlines and fills. That restriction is the reason the number is printed here rather than the colour simply being called accessible.

Type

Inter for interface and prose; JetBrains Mono for identifiers only — order numbers, tracking numbers, statuses. Both SIL Open Font License. Mono above a heading reads as a developer tool, and this is sold to shop owners. Tracking is size-specific: −0.035em on display, −0.026em on titles, −0.008em on body. One letter-spacing value across a whole page is wrong at one end of it by definition.

Every order, from checkout

#1042 · PostNord · Shipment booked

Both are free for commercial use and downloadable from Google Fonts. Linked rather than bundled here — a copy on our server is a copy that goes stale, and the canonical one is always current.

  • InterGet the font ↗

    Interface, headlines, prose

    Weights: 400 · 500 · 600 · 700 · Licence: SIL Open Font License 1.1

  • JetBrains MonoGet the font ↗

    Order numbers, tracking numbers, statuses

    Weights: 400 · 500 · Licence: SIL Open Font License 1.1

To match a page exactly:

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Which face, where

The values the site actually renders, taken from its stylesheet rather than written down separately. Tracking tightens as size grows — one letter-spacing value across a page is wrong at one end of it by definition. Mono is for identifiers only, never a heading or a label.

ElementFace and weight
Display / hero headlineInter 700clamp(2.5rem, 5.4vw, 4rem) / 1.08 · −0.035em
Section titleInter 650clamp(1.75rem, 3vw, 2.25rem) / 1.2 · −0.026em
Card headingInter 6001.0625rem / 1.4 · −0.012em
BodyInter 4001.0625rem / 1.65 · −0.008em
Small print, captionsInter 4000.9375rem / 1.55 · −0.004em
Section label (Signal Blue)Inter 6000.8125rem · +0.02em
Buttons, nav linksInter 6001rem / 0.875rem · inherit
Order ids, tracking numbers, statusesJetBrains Mono 4000.8125rem · −0.01em
Wordmark (lowercase)Inter 7001.0625rem · −0.045em

Voice

Plain-spoken, precise, workmanlike, second person. The product's own interface says "Anything that changes something is yours to confirm" — the marketing is written in that register, and states the limit immediately after the capability.

  • Orders arrive and book themselves against your rules

    Powerful automation engine

  • Ready to connect — we wire it during onboarding

    Supports 70+ carriers

  • In development, not in the product yet

    Coming soon!

  • It cannot book a label; it proposes and you confirm

    AI-powered shipping

Files

Vector where possible, PNG where a font cannot be guaranteed. Never edit a PNG — change the SVG and re-render.

For an AI, an agency or a brief

The whole standard as plain text, written as rules with reasons rather than adjectives. Paste it into another model, a design tool or a supplier's brief. It is in English in both languages, because it is an instruction to a machine rather than something a reader reads.

naustr-brand-rules.txt
NAUSTR BRAND RULES

MARK
The mark is an arch: the mouth of a naust (a Norwegian boathouse at the
waterline), and simultaneously a lowercase "n", and a gateway things pass
through. Draw it as a single stroked path, never as a filled shape:

  viewBox="0 0 32 32"
  <path d="M6.5 27V16a9.5 9.5 0 0 1 19 0v11" fill="none" stroke="currentColor"
        stroke-width="5" stroke-linecap="round"/>

- Stroke 5 at normal sizes, 6 below ~20px, or the counter closes and the arch
  becomes a blob.
- One colour, always. No gradient, no second tone inside it.
- Never place it inside another shape. It is already a container.
- Clear space around it: at least the width of its own stroke.

WORDMARK
"naustr" — always lowercase, never capitalised, never "Naustr" in the logo
itself (the company is written Naustr in prose). Inter Bold (700) at
-0.045em tracking. The tight tracking is the personality; at default spacing
it is a different and worse logo.

COLOUR — six values, each with one job
  Deep Sea    #0B2E4F  brand surface, dark sections, the mark
  Signal Blue #1D4ED8  every action: buttons, links, focus rings
  Tide Green  #0E7C5A  live status only, nothing decorative
  Ink         #0F172A  body text
  Paper       #F7F8FA  page ground
  Bright Blue #3B82F6  display type and fills ONLY — 3.68:1, below the 4.5:1
                       floor, so it must never carry body text

Blue means action. Green means live. Nothing else on a page is chromatic. A
page with four colours has none that mean anything.

TYPE
Inter (400/500/600/700) for interface and prose. JetBrains Mono (400/500) for
identifiers only — order numbers, tracking numbers, statuses. Both SIL Open
Font License 1.1, free for commercial use, downloadable from Google Fonts:
  https://fonts.google.com/specimen/Inter
  https://fonts.google.com/specimen/JetBrains+Mono
To match a page exactly:
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
No third family. Where Inter cannot be guaranteed — a partner's slide, a
printer — use the supplied lockup PNG rather than substituting a face.

WHICH FACE, WHERE
  Display / hero headline                Inter 700, clamp(2.5rem, 5.4vw, 4rem) / 1.08, −0.035em
  Section title                          Inter 650, clamp(1.75rem, 3vw, 2.25rem) / 1.2, −0.026em
  Card heading                           Inter 600, 1.0625rem / 1.4, −0.012em
  Body                                   Inter 400, 1.0625rem / 1.65, −0.008em
  Small print, captions                  Inter 400, 0.9375rem / 1.55, −0.004em
  Section label (Signal Blue)            Inter 600, 0.8125rem, +0.02em
  Buttons, nav links                     Inter 600, 1rem / 0.875rem, inherit
  Order ids, tracking numbers, statuses  JetBrains Mono 400, 0.8125rem, −0.01em
  Wordmark (lowercase)                   Inter 700, 1.0625rem, −0.045em

Tracking is size-specific and tightens as size grows: one letter-spacing value
across a page is wrong at one end of it by definition. Mono is for
identifiers only — never for a heading or a label. Mono above a
heading reads as a developer tool; this is sold to shop owners.
Tracking is size-specific: display -0.035em, title -0.026em, body -0.008em.
One letter-spacing value across a page is wrong at one end of it.

SURFACES
Translucent "glass" layers belong on chrome and frames only — headers, dialogs,
image frames. Never behind a paragraph, and dropped entirely under
prefers-reduced-transparency. Cards carrying text are solid, with a hairline
border and a soft shadow tinted with the ink rather than black.

VOICE
Plain-spoken, precise, workmanlike. Second person. State the limit immediately
after the capability — the product's own interface says "Anything that changes
something is yours to confirm", and the marketing follows it.
Never claim a feature that is not built. Mark what is coming as coming.
Use the product's own vocabulary: shipment booked, ready to pack, dispatched,
incident. In Norwegian: bestille/bestilt frakt, never "booke/booket".

DO NOT
- Do not box the mark, recolour it per section, or capitalise the wordmark.
- Do not add a second accent colour to "make it pop".
- Do not use stock photography of warehouses or smiling couriers.
- Do not write a benefit as an adjective where a behaviour will do.

Using the mark

The Naustr mark and wordmark belong to Naustr. Use them to refer to Naustr — in an integration list, a partner page, a piece of press — without asking. Do not use them to imply that Naustr endorses or supplies something it does not, do not alter the shapes or colours, and do not use them as your own. Carrier and platform logos shown elsewhere on this site belong to their owners and appear only to name what the product connects to.