Auris
Website · brand · print

Creditspective

Institutional memory for credit committees, designed and built in code. The four-page website, the identity for its product alfa+, and three whitepapers rebuilt on one print template.

PlatformWeb + print
Timeline19 days
StatusLive ↗
Year2026
The Creditspective home page hero

The home page. On the live site, pick an audience and the headline and the rendered scene beneath it change.

Overview

Creditspective is a credit intelligence platform founded by former bank credit officers. We designed and built its four-page website in code, drew the identity for its product alfa+, and rebuilt its whitepapers on one print template. Every review happened on the running site, never on a mockup.

What we did

  • Information architecture
  • Website design
  • Website development
  • Diagrams in HTML and SVG
  • Canvas motion
  • Rendered scene animation
  • alfa+ logo and brand
  • Whitepaper template
  • Print library
  • Mobile layouts
Design and developmentThe studio
ContentNo Middle
Creditspective logo and brandingYan Dir
alfa+ logo and brandingThe studio
01 · At a glance

Nineteen days, four pages, one system.

The site, the product identity and the print library, built together so a change in one never meant a redo in another.

19 days
Timeline

From first commit to launch.

4
Pages

One stylesheet, no framework.

33 → 3 MB
Print library

Three whitepapers and an overview, rebuilt from HTML.

0
Stock photos

Every image made for the site.

Home · agents at work on a blue ground
Home · agents at work on a blue ground
Home · on a phone
Home · on a phone
alfa+ · the formula
alfa+ · the formula
Whitepaper · Institutional memory made visible
Whitepaper · Institutional memory made visible
alfa+ · the page hero with the rendered car
alfa+ · the page hero with the rendered car
Home · the mantle diagram
Home · the mantle diagram
About · leadership on a blue ground
About · leadership on a blue ground
Solutions · on a phone
Solutions · on a phone
Solutions · the headline
Solutions · the headline
02 · Four pages

Home, alfa+, solutions, about.

One argument across the site: the institution already holds the judgment it needs, and the platform puts it in front of every decision.

Home · the first screen
Home · the first screen
alfa+ · the product, shown as the product
alfa+ · the product, shown as the product
Solutions · three markets
Solutions · three markets
Home · the memory cycle
Home · the memory cycle
About · the humans behind the judgment
About · the humans behind the judgment
alfa+ · the method
alfa+ · the method
Solutions · who owns the credit decision
Solutions · who owns the credit decision
Home · agents at work
Home · agents at work
About · advisory perspective
About · advisory perspective
About · the print library
About · the print library
Home · above the systems the bank already runs
Home · above the systems the bank already runs
alfa+ · the formula
alfa+ · the formula
03 · The diagrams are code

Nothing here is an exported image.

The memory cycle, the mantle and the product fragments are HTML and SVG on the page, so a copy change never meant redrawing a picture. On the live site you click through the stages.

The memory cycle diagram on the home page
Home · the memory cycle, drawn in SVG and stepped by a few lines of script
04 · alfa+ identity

A product inside a company.

alfa+ is the engine inside Creditspective, and it needed a mark of its own. We set it in a pixel face so the software reads apart from the company, which stays in a grotesque. Alpha is the goal, alfa+ is the engine.

Creditspective/alfa+
Creditspective/alfa+
05 · Motion

Scenes and lines.

Each audience has a short rendered scene keyed onto white, so it sits on the page with no frame. The line field under the solutions headline is a canvas animation that follows the cursor and rests when it scrolls out of view.

alfa+ · the car
Commercial banks
Private credit
Credit committees
Institutional monitoring
The solutions page hero with the line animation
Solutions · the line field under the headline, a canvas animation that follows the cursor
06 · On a phone

The same pages, one hand.

Every section reflows for a phone. Nothing is hidden on small screens, it is reordered.

Home, first screen
Home, first screen
Home, agentic AI
Home, agentic AI
alfa+, hero
alfa+, hero
alfa+, the method
alfa+, the method
Solutions, hero
Solutions, hero
Solutions, markets
Solutions, markets
Solutions, people
Solutions, people
About, hero
About, hero
About, advisory
About, advisory
Home, further down
Home, further down
07 · Print library

Whitepapers on the web's system.

Three whitepapers and a one-page overview, rebuilt from HTML on one template with the site's typefaces, blue and diagrams. Together they went from 33 MB of exported PDFs to about 3 MB, and a wording fix now takes minutes.

Institutional memory made visible · cover
Institutional memory made visible · cover
Built to evolve · cover
Built to evolve · cover
Beyond the chat window · cover
Beyond the chat window · cover
One-page overview
One-page overview
Inner page
Inner page
Inner page
Inner page
Inner page
Inner page
Inner page
Inner page
Inner page
Inner page

Institutional memory for credit committees, built in code.

08 · How it was made

No mockups, only links.

The first commit was a working site, and every review after that happened at a link, on the client's own screen. Changes went live the same day they were agreed, sometimes within the hour, because the site is static files deployed straight from the repository.

The diagrams and product fragments are code, so copy from No Middle was set straight into the pages as it arrived. The whitepapers work the same way: each one is an HTML document rendered to PDF by a script.

19days from first commit to launch
4pages, one stylesheet, no framework
3 + 1whitepapers and a one-page overview
0stock photographs
© AURISAll workhello@auris.agency