undesign
Concept study

NUL

A radical system for bookkeeping software: from app to invoice.

Sector
Financial software
Our role
Systematising an existing brand
Disciplines
Design system · Product design · Campaign
Year
2026

The design system

The NUL system. In one folder.

This is what the NUL team received: logo, colours, type, templates and instructions for AI tools. Everything below was made with it.
nul / design-system 04 Templates29 files

04 Templates

Designed for what you make. You fill them in.

  • deck.pptxpptx8,6 MB
  • instagram-post.figfigTemplate
  • story.figfigTemplate
  • newsletter.htmlhtml24 KB
  • business-card.pdfpdf220 KB
  • poster.pdfpdf3,1 MB
  • website.figfigFigma

The design system of NUL, a fictional concept study.

Made with the system

Brief

Design question: How do you make boring software look like the boldest brand on the block, without it feeling any less trustworthy?

NUL is fictional software that does the bookkeeping for freelancers and small businesses automatically: invoices, receipts, VAT. The name, the zero and the cobalt already existed and worked. But the app, the website, the invoices and the campaigns looked like four different companies. Every team made its own version.

Design thinking

We made the zero the protagonist. Not a logo in a corner, but an enormous image that falls off the edge: filled, outlined, sliced or in a strict grid. Around it, Swiss rigour: a visible grid, black and white, numbers as imagery. Cobalt means: sorted. Red only appears when something is still outstanding.

Design principles

  1. The zero is the image

    No stock photos of people with laptops. The zero carries every piece, always bigger than its frame.

  2. Numbers are the hero

    An amount of € 0.00 says more than a slogan. Figures are big, in fixed columns.

  3. Colour has meaning

    Cobalt is sorted, red is outstanding, black and white do the rest. Never decoration.

  4. The grid is visible

    Hairlines show the structure. Calm without being dull.

Typography and colour

€ 0.00 outstanding

Unbounded · The zero, headings and figures

Bookkeeping that does itself

Geist · Body text and interface

  • CobaltBrand, actions, everything sorted#1F2BFF
  • InkText, rules, navigation#0A0A0A
  • WhiteBackground and paper#FFFFFF
  • SignalOnly for what is still outstanding#FF2E4C

Imagery and motion

Video, placeholder

Applications

The same identity, each time with its own composition. Designed for:

  • Billboard
  • Website
  • App
  • Invoice
  • Pitch deck
  • Social posts
  • Business card
  • Product page

A working digital application

The overview in the app uses exactly the same rules as the billboard: one big cobalt card with € 0.00, figures in fixed columns, and red only when something is outstanding.

What we keep

  • The name NUL and the wordmark
  • The cobalt
  • The zero as a symbol

What we add

  • The zero mark as an image system: filled, outlined, sliced, in a grid
  • One fixed grid for app, web and documents
  • Invoice, pitch and campaign templates
  • Instructions for AI tools

The system behind the work

Everything you see above is also in the library: with rules, variants and technical details. So a new maker, agency or agent can carry on straight away.

The handover package

  • Start guideWhere to begin, the fastest route per taskREADME.md
  • What your brand stands forCharacter, tone and language, in Dutch and Englishbrand/
  • Colours, type and sizesEvery choice with a name and a meaningtokens/
  • Logos, icons and imagesApproved, logically named and describedassets/
  • TemplatesDecks, documents, posts and pagestemplates/
  • RecipesStep by step, for what you make oftenrecipes/
  • Do and don’tExamples, with the reasons whyexamples/
  • Instructions for AI toolsSo any AI agent knows your brandAGENTS.md
  • What changedEvery update, explainedCHANGELOG.md

A new application, with the same rules

Brief: “Create a social post for the new Scan Receipts feature, without a photo and with a four-word title.”

  1. Pick the "social post" recipe and the portrait format.
  2. The zero takes the place of the photo: six zeros in a grid, one in cobalt.
  3. The number in the title gets cobalt, the rest is black.
  4. Wordmark bottom right, on the hairline.
Design systems
Next studySTROOMA new brand for an electric scooter that is silent, light and quick off the line.

Curious what this means for your brand?

Book a call