internauts · Assets Moodboard · Sharp Grotesk + NORD + Cygnito

01 Identity · primary lockup

02 Statement

Design
for the
calm ones

03 Type system · roles

Display

Site redesign

Headline

A calmer checkout

Body

We build accessible websites, research-led products, and the occasional strange side-project — each one considered.

Statement

we are internauts

Label

INV-2026-0142 · USD 4,850.00

04a Amount · Sharp Thin 25

$4,850.00 Total · USD

04b Amount · Cygnito Mono

$4,850.00 Total · USD

05 Palette

ink

#12103A

navy

#24335F

periwinkle

#B9B1FC

orange

#FF7700

forest

#263F04

moss

#638D32

neon

#00FF00

paper

#F5F5F5

06 Mono · system labels

// order

invoice_id "INV-2026-0142"

amount 4850.00 USD

due 2026-08-27

status awaiting_payment

method paypal | card | apple_pay

→ ready to capture

07 Crafted detail

Care lives
in the details
you almost
don't see

signed · sealed · delivered

08 Buttons · live · hover · click · tab

PrimarySharp Book

Live

Disabled

AccentSharp Book

Live

Disabled

GhostSharp Book

Live

Disabled

CapsCygnito Mono

Live

Disabled

Mono softCygnito Mono

Live

Disabled

Try it · hover · click · tab → shows focus ring 2px rust outline · 3px offset · WCAG 2.2 focus visible

09 Nord · display scale

pay
without
friction

10 Invoice · line items

Invoice · INV-2026-0142 · Due Aug 27

Site redesign, July phase

Design services
            July 1–31, 2026 · 40 hrs
          
4,000.00
Accessibility audit
            WCAG 2.2 AA sweep
          
850.00
Total
USD 4,850.00

11 Studio voice

Every invoice is a small moment. It should feel considered, not extracted. Design the calm parts as carefully as the loud ones.

— internal note · Aug 2026

12 Numbers · money · Cygnito

Digits · tabular

0 1 2 3 4 5 6 7 8 9

Math & separators

+ − × ÷ = · , . / ⁄ − – —

Percent · ratio · index

% ‰ ° # № * † §

$USD

€EUR

£GBP

¥JPY

₩KRW

₽RUB

In context

$4,850.00 · €4.850,00
#INV-2026-0142 · 12.5%

Cygnito Mono · 400 · tabular figures

13 Sharp Grotesk Thin 25 · alphabet

abcdefghijklmnopqrstuvwxyz/0123456789/&$@.,—→

14 The three-font system

Display + body

Sharp Grotesk

Everything readable — headlines, wordmark, invoice titles, paragraph text, amounts. Book 20 for body, Book 25 wider for headings, Thin 25 for editorial moments.

Statement / caps

NORD

Reserved for ALL CAPS moments — section labels, statement phrases, signage. Light or Regular. Never for paragraphs.

Labels + numerals

Cygnito Mono

Invoice numbers, tabular figures, terminal labels, kickers, tiny metadata. The "engineered" texture that keeps the calm surface from feeling empty.

internauts-logoprimary wordmark · whisper mark · default use

linkURL downloadSVG

internauts-icon-logomark + wordmark · signature · app icons, footers

linkURL downloadSVG

internauts-design-wordmarkstacked · official / formal · proposals, letterhead

linkURL downloadSVG

we-r-internauts-wordmarktwo-line editorial · voice moments

linkURL downloadSVG

Every wordmark uses currentColor. Any palette color can be its fill — but not every pairing passes WCAG. Below: recommended pairings first, then the full contrast matrix per lockup.

Recommended pairings AA and above · wordmark FILL on background

ink on paper
16.59 · AAA paper on ink
16.59 · AAA periwinkle on ink
9.27 · AAA neon on ink
13.18 · AAA ink on orange
6.80 · AA paper on forest
10.73 · AAA ink on moss
4.64 · AA ink on periwinkle
9.27 · AAA

Full contrast matrix per lockup · click to expand

internauts-logo linkURL chevron_right expand_more

internauts-icon-logo linkURL chevron_right expand_more

internauts-design-wordmark linkURL chevron_right expand_more

we-r-internauts-wordmark linkURL chevron_right expand_more

Every fill from the palette applied to the primary wordmark. On paper first, then on ink. Failures are shown honestly.

on paper #F5F5F5

on ink #12103A

The ◯ mark is drawn with currentColor, so any palette value colors it. Minimum size 12px. Clear space equal to the mark's own height on every side.

on paper #F5F5F5 · size range downloaddownload SVG

16 · min

128

180

mark · palette fills · on paper fails are dimmed

ink
16.59 · AAA

navy
11.24 · AAA

periwinkle
1.79 · fail

forest
10.73 · AAA

moss
3.58 · AA-lg

neon
1.26 · fail

orange
2.44 · fail

paper
same

mark · palette fills · on ink fails are dimmed

ink
same

navy
1.48 · fail

periwinkle
9.27 · AAA

forest
1.55 · fail

moss
4.64 · AA

neon
13.18 · AAA

orange
6.80 · AA

paper
16.59 · AAA

These are signature credits — the "made by internauts" mark we drop into apps and sites we build. Embed only, not for download. Copy the inline snippet and paste it into any HTML.

made-by · sticker horizontal · 875×302 · ink + orange + paper

made-by · seal circular · 247×257 · currentColor

on ink surface same file · sticker is fixed multi-color

on ink · periwinkle fill seal uses currentColor

15 Wayfinding · Nord

check out
with care

Nord Light 300 letter-spacing 0.34em

Public asset source

Assets

Every asset below is public at brand.internauts.app. Use View to open, Copy URL to paste anywhere an SVG URL is accepted — HTML, Figma, CMS fields — or Download to save the file.