KreativeTab
All work

Showcase build: what we can create for you

Wren Cargo Co.

Type: Courier brand kit·Brand kits·2026

View live demo (opens in a new tab) Brand guidelines (opens in a new tab)
  • Brand kit
  • Logo
  • Colour & type
  • Guidelines

Showcase build: a brand kit for a zero-emission e-cargo bike courier in Derby, presented as a website with one-page guidelines.

Case study

The problem

A new local business needs to look trustworthy from day one, on a bike, a phone screen and a doormat flyer, without paying agency prices for a 60-page brand book nobody reads.

What we built

A logo system (one bird mark, three lockups, four colourways), a colour palette with contrast checks, a type pairing, social and stationery templates, tone-of-voice notes and a printable one-page guidelines page. Everything is shown on a single site the owner can share with printers and designers.

Stack

  • Logo system (SVG)
  • Bricolage Grotesque + Instrument Sans
  • Astro
  • Tailwind CSS
  • Vercel

Lighthouse scores

  • 99 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-wren-brand.vercel.app on 2 November 2026. Scores can move a few points between runs.

Built by KreativeTab to show what's possible.

Process

How it came together, step by step. Select an image to enlarge it.

  1. Pencil-and-marker paper sketch of early layout ideas for the Wren Cargo Co. brand identity kit. 01 Enlarge image
    Early sketch: first layout ideas on paper, shown as an AI-generated illustration.
  2. Greyscale low-fidelity wireframes of the Wren Cargo Co. brand identity kit: a desktop page and mobile screens with placeholder images and text bars. 02 Enlarge image
    Wireframes: page structure for desktop and mobile, drawn from the finished build with colour, images and copy stripped back.
  3. UI design board for the Wren Cargo Co. brand identity kit, showing desktop and mobile frames, colour styles, a type scale and component variants. 03 Enlarge image
    UI design board: desktop and mobile frames, colour styles, type scale and components from the finished build.
  4. Wren Cargo Co. logo system sheet with lock-ups, colourways, clear space, minimum sizes and misuse examples. 04 Enlarge image
    Logo system: lock-ups, colourways, clear space, minimum sizes and misuse examples, rendered from the brand kit's SVGs.
The Wren Cargo Co. brand kit page on desktop: hero, the idea behind the wren mark and the logo lockups
Brand kit site (desktop)
The one-page brand guidelines: logo, colour, typography and voice
One-page brand guidelines
Two mobile screens: the brand kit page and the guidelines
On a phone: brand kit and guidelines

Try the demo yourself

View live demo (opens in a new tab)

More projects

All work →