Hopp til innhold
naustr

Merkevare

Merket, fargene, og reglene bak dem

Alt som trengs for å bruke Naustr-identiteten riktig — filene, verdiene og begrunnelsen. Skrevet slik at den kan gis videre til en kollega, et trykkeri, et byrå eller en annen AI uten en samtale ved siden av.

96px

48px

24px

Tanken bak

Et naust er skuret ved sjøkanten der båten står mellom turene. Ordren står på samme vis stille et sted mellom kjøp og levering — og produktet er stedet den står. Merket er den bygningen: en bue, som også er en liten n, som også er en portal ting passerer gjennom på vei videre.

Det erstattet en strekkode. En strekkode sier fraktetikett, som er ett resultat av produktet og ikke hva det er, og den er det mest brukte symbolet i logistikkprogramvare — så den leste som bransjetapet og sa ingenting om navnet.

Resten følger av én idé: dette er programvare folk stoler på med ordrene som betaler lønningene deres, så ingenting dekorativt får koste lesbarhet. Én aksentfarge, én statusfarge, to skrifttyper, og effekter bare der de bærer mening. Tilbakeholdenheten er ikke minimalisme for sin egen del — den er det som gjør at de få signalene som finnes, betyr noe.

Merket

Én strøket bane, aldri en fylt form. Det må overleve et favicon, en enfarget transportøretikett, en preget eske og en mørk flate — derfor er det én linje med åpen innside og ingenting inni.

  • Strøk 5 i vanlige størrelser, 6 under omtrent 20px — konstant strøk lukker innsiden og buen blir en klump.
  • Én farge, alltid. Ingen gradient, og ingen ekstra tone inni merket.
  • Aldri inni en annen form. Buen er allerede en beholder; en sirkel rundt gir to.
  • Frisone på minst én strøkbredde på alle sider.
  • Ordmerket er med små bokstaver, Inter Bold, knipet til −0,045em. Aldri versaler, aldri standard knip.

Farge

Seks verdier, hver med én oppgave. Blå betyr handling, grønn betyr i drift, og ingenting annet på en side er kulørt — en side med fire farger har ingen som betyr noe.

#0B2E4FDeep SeaMerkeflate, mørke seksjoner, selve merket13.02:1 on Paper
#1D4ED8Signal BlueAll handling: knapper, lenker, fokusmarkering6.70:1 on white
#0E7C5ATide GreenKun status i drift, ingenting dekorativt5.19:1 on white
#0F172AInkBrødtekst16.80:1 on Paper
#F7F8FAPaperSidebunn; rammer er Ink på 10 %—
#3B82F6Bright BlueKun display-tekst og flater — aldri brødtekst3.68:1 on white

Kontrastene er regnet ut med WCAGs luminansformel, ikke anslått. Bright Blue måler 3,68:1, under grensen på 4,5:1 for brødtekst, og er derfor begrenset til overskrifter og flater. Nettopp den begrensningen er grunnen til at tallet står her i stedet for at fargen bare kalles tilgjengelig.

Typografi

Inter til grensesnitt og tekst; JetBrains Mono kun til identifikatorer — ordrenumre, sporingsnumre, statuser. Begge på SIL Open Font License. Mono over en overskrift leser som et utviklerverktøy, og dette selges til butikkeiere. Knipet er størrelsesavhengig: −0,035em på display, −0,026em på titler, −0,008em på brødtekst. Én knipeverdi for en hel side er feil i den ene enden av den.

Every order, from checkout

#1042 · PostNord · Shipment booked

Begge er gratis til kommersiell bruk og kan lastes ned fra Google Fonts. Lenket i stedet for pakket med her — en kopi på vår server er en kopi som blir foreldet, mens originalen alltid er oppdatert.

  • InterHent skriften ↗

    Interface, headlines, prose

    Vekter: 400 · 500 · 600 · 700 · Lisens: SIL Open Font License 1.1

  • JetBrains MonoHent skriften ↗

    Order numbers, tracking numbers, statuses

    Vekter: 400 · 500 · Lisens: SIL Open Font License 1.1

For å treffe en side nøyaktig:

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

Hvilken skrift, hvor

Verdiene nettstedet faktisk bruker, hentet fra stilarket og ikke skrevet ned for seg. Knipet strammes når størrelsen øker — én knipeverdi for en hel side er feil i den ene enden av den. Mono er kun for identifikatorer, aldri en overskrift eller en etikett.

ElementSkrift og vekt
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

Stemme

Enkel, presis, arbeidsom, i du-form. Produktets eget grensesnitt sier «Alt som endrer noe må du bekrefte selv» — markedsføringen skrives i det registeret, og sier begrensningen rett etter evnen.

  • Ordrene kommer inn og bestiller seg selv etter reglene dine

    Kraftig automatiseringsmotor

  • Klar til oppkobling — vi kobler den under onboarding

    Støtter 70+ transportører

  • Under utvikling, ennå ikke i produktet

    Kommer snart!

  • Den kan ikke bestille en etikett; den foreslår og du bekrefter

    AI-drevet frakt

Filer

Vektor der det går, PNG der skrifttypen ikke kan garanteres. Rediger aldri en PNG — endre SVG-en og render på nytt.

Til en AI, et byrå eller en brief

Hele standarden som ren tekst, skrevet som regler med begrunnelse i stedet for adjektiver. Lim den inn i en annen modell, et designverktøy eller en leverandørbrief. Den er på engelsk i begge språk, fordi den er en instruks til en maskin og ikke noe en leser leser.

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.

Bruk av merket

Naustr-merket og ordmerket tilhører Naustr. Bruk dem til å omtale Naustr — i en integrasjonsliste, på en partnerside, i presseomtale — uten å spørre. Ikke bruk dem til å antyde at Naustr står bak eller leverer noe det ikke gjør, ikke endre former eller farger, og ikke bruk dem som ditt eget. Transportør- og plattformlogoer andre steder på dette nettstedet tilhører sine eiere og vises kun for å navngi hva produktet kobler seg til.