As built As a concept Page change
KILN.
← All work
The Delta Blue Capital front page: a cargo ship seen from above on dark blue water, with the line Specialist strategies. Built around real assets.

Delta Blue Capital

Essential  ·  Client project · live · deltablue.capital

A capital platform working across maritime assets and private capital. The site is for someone who has already heard the name and is checking it.

Open the live site ↗

Role
Design + build
Type
Corporate site
Stack
Static · Netlify

The reader

Nobody finds a firm like this through a search. They hear the name in a meeting, from a referral or during a reference check, and then they look it up.

So the site is a credibility document. It says how the firm works, who runs it and how to reach it. There is no funnel and nothing to sign up for.

One sea

The usual corporate page is a hero, then sections, then cards. This one is a single maritime environment you scroll through: open sea, a chart, deep water, a course, a horizon.

Light paper sections alternate with deep-water ones, and each picture stays pinned while the next section slides over it. The pictures come from different photographers, so every one is desaturated and set under the same navy. They read as one sea.

One rule governs them: no readable vessel name, no hull number, no livery. Nothing on the page may suggest the firm owns a ship it does not.

The build

Ten pages, hand-written. Six plates from them.

The front page: the headline Specialist strategies. Built around real assets, over an aerial picture of a ship under way.
The firm's own sentences, set large.Plate 01 · the front page
The introduction section: a triangle drawn in fine blue hatching, its three sides labelled transaction expertise, sector knowledge and structured capital.
The logo's triangle, drawn.Plate 02 · the delta
The capabilities section: four capabilities set as points along one thin horizontal line.
Four capabilities on one line.Plate 03 · the course
The strategies section on a dark ground: four tall picture panels, one per strategy.
Four strategies, one grade.Plate 04 · the strategies
The contact page: a form that starts with a choice of three enquiry types, then name, organisation, email, phone and message.
One form, three kinds of enquiry.Plate 05 · the enquiry
The strategies section on a phone: the picture panels run sideways, with the edge of the second panel showing.
On a phone the four become a row.Plate 06 · on a phone
01 / 06Scroll or drag

What went into it

One typeface

Type

Hanken Grotesk and nothing else, with headings at its lightest weight. No serif and no monospace.

Gold, twice

Colour

Navy and gold is what this category always wears. Here gold appears as the client's own logo and as one two-pixel edge. Everything else is paper, ink and navy.

A choice that sets no cookie

Consent

The consent notice keeps one answer in the browser and nothing else. The site sets no cookies.

Measured over every picture

Legibility

Text that sits on a picture was measured at phone, tablet and desktop widths. The front page's headline reads at 4.9 to 1 on its picture before any darkening is added.

Theirs from the first day

Ownership

Hand-written HTML, CSS and JavaScript, no framework. The domain, the code and the hosting account are all in the client's own name.

Nothing published unsigned

Approval

The firm's own approver signs off the wording of every page before it goes live.

In their words

It's been a pleasure working with you, and we'd be happy to recommend your services to anyone looking for a reliable and capable web designer.

Tan Jing Kiat  ·  Delta Blue Capital

Thank you for all your hard work on the website. We're happy with how it turned out.

We appreciate the creativity and thought you put into the design, as well as your willingness to accommodate our feedback and adjust throughout the process. You were responsive, patient, and attentive to the details, which made the whole experience very smooth.

Beyond the design itself, we also appreciate your technical expertise and the effort you put into ensuring the website was functional, easy to navigate and straightforward for us to manage going forward.

Next  ·  Live  ·  Trading education platform

Executed
The Executed site: a near-black trading platform page reading Executed before the move happens, over a red and grey market chart.