KOJ Studio · Design + AI

Ideas, into
interfaces.

Data-Driven Design

We design sites that feel considered. Design systems. Product with AI actually built into it. No templates, and no ornament that hasn't earned its place.

Ideas Systems Structure Interfaces
ENG AI Aa TASTE BUSINESS ART +24% COMMERCIAL KOJ · STUDIO MMXXVI Ideas, into interfaces. DATA-DRIVEN DESIGN PALETTE TYPE Aa Georgia serif Arial sans COMPONENT START → DESIGN STUDIO · AI · SYSTEMS n° 04
From loose ideas to product on screen.

Pieces in production.

Interfaces, not ideas. Each mockup below is a real view from current or recent work. Switch tabs to see the same system in three different registers.

cash-fp.com · overview
Cash FPFINANCE OS
Views
Overview
Cash flow
Clients
Invoicing
Reports
System
Integrations
Team
Settings
J
Juan M. OWNER

Overview · June 2026

Last 30 days ↓
Export
MRR
$148,320
↑ 12.4% vs May
Active accounts
312
↑ 8 this month
Churn
2.1%
↑ 0.4 pp
Average LTV
$8,940
↑ 4.8% YoY

Revenue vs costs

Revenue Costs
Client
Revenue
Change
Due
Status
Habitare, S.A.
$42,400
↑ 8.2%
Jul 15
Current
Greenergyze
$28,900
↑ 3.1%
Aug 02
Current
Elex Retail
$19,650
= 0.0%
Jun 22
Outstanding
Psicometrikas
$14,220
↓ 2.4%
Jun 18
Past due
ATLAS
New · Summer 2026

The calls you were already making, with the numbers behind them.

Atlas connects your data sources, assembles your KPIs and gives you the right read every morning. No more abandoned dashboards.

Try Atlas
Active sessions
2,847today
The number you opened in a spreadsheet this morning, current and without the copy-paste.
01

Connected in five minutes.

Sheets, Postgres, Stripe or your own API in one flow. No manual ETL, no engineering team required.

02

KPIs with judgment.

We assemble the metrics that matter in your industry. You review them and publish.

03

Alerts worth having.

If a metric leaves its range, you hear about it before you open the app. Without the noise.

Nogal
Bag 2
Vol. 03 · Furniture
Alder
Chair.Solid oak
▪ Nogal
New · Summer Collection

Alder Chair.Ref. NGL-0342

$395 $450
Finish Solid oak
Size Standard · 32 in
Standard Counter Stool
Add to bag

Handmade solid oak chair, built one at a time in the workshop. Every piece carries the maker's mark.

Ships in 2-4 days Free returns 30-day exchanges

Other objects.

View collection →
Ridge Table
Ridge Table.
$780
Zunil Lamp
Zunil Lamp.
$265
Low Bench
Low Bench.
$195
01 · Cash FP
A financial dashboard for small and mid-sized companies. Dark system, KPI hierarchy, a table with color-coded status, and an area chart filled in amber. The whole KOJ system applied: Georgia italic for what matters, Arial for the machinery, and #FEB503 as a structural accent rather than decoration.

Six products, one standard.

Each one is a product in its own right, not a line item on a scope. All of them follow the same rule: a system instead of a moodboard, craft instead of a template, and AI when it solves a real problem rather than when it sells one.

01

Design systems.

A palette with computed WCAG ratios, type at scale, CSS tokens ready to ship, documented components. A complete system, not a moodboard.

02

Product with AI built in.

Automatic enrichment, intelligent autofill, assisted conversion. The AI lives where the user actually meets it, not in the marketing.

03

Editorial landings.

Sites that feel like a magazine, not a template. Georgia italic for what matters, disciplined restraint, ninety percent neutral and ten percent accent.

04

Premium proposals.

Commercial documents that close. A private portal with token-based expiry, branding at the level of the deliverable, and a structure built to get to yes.

05

Client portals.

Private spaces per project for sharing documents, iterations and work in progress. Each client with their own URL and their own context.

06

Full handoff.

Every deliverable includes what your team needs to carry on without us: CSS variables, components, usage guidelines, documentation.

Each piece answers something.

Six projects, each demonstrating a different capability: product with AI in the core, design systems that hold up, editorial proposals that close, portals that work.

$ CASH FP AI-ENRICHED
PORTFOLIO VALUE
$12,847,320
24.3% YTD
Financial Platform · AI
Cash FP
A financial product with real-time market data enrichment. The AI assembles sector context and ratios before the user thinks to ask for them.
2026 Live · cashfp.com
ψ PSICOMETRIKAS 4 OF 6
How do you prioritize when everything is urgent?
By impact on the team
By nearest deadline
By technical complexity
Assessment Platform · AI
Psicometrikas
A psychometric assessment platform with intelligent autofill. The user answers five questions; the AI infers and completes the profile.
2026 Live · psicometrikas.com
KOJ DS BRANDBOOK
PALETTE
TYPE
Aa
CTA
START
Design System · Brandbook
KOJ Design System
Our internal brandbook: anchor palette, Georgia and Arial with full specs, marks and their variants, components (buttons, badges, chips, quotes) and rules of voice. What every KOJ deliverable is built from.
2026 Doc · /koj-design-system
HABITARE habitare.com.gt
ACTIVE
FEATURED LISTING
Editorial apartment
$ 285,000
Real Estate · Editorial
Habitare
An editorial real-estate platform for Grupo Habitare, live at habitare.com.gt. Art direction, design system, editorial strategy and content architecture.
2026 Live · habitare.com.gt
KOJ CONSULTING LIVE
DATA-DRIVEN DECISIONS
Data that decides.
CONTACT →
Landing · Identity
KOJ Consulting
Our own identity. Yellow and black without apology. Georgia italic for the moments that matter. All of it built by hand, no templates.
2026 Live · kojconsulting.com
PORTAL TOKEN VIEWER
KOJ · Habitare ACTIVE · 25D
Technical System
Proposal Portal
A token system with automatic expiry for commercial proposals. Short URLs, validity badges, scheduled expiration. Running on Vercel.
2026 Internal · kojconsulting.com

Sites that think.

Most shops ship a static site or a CMS. We build with intelligence in the core: automatic enrichment, autofill, assisted conversion. Three examples running in production.

01
Enrichment

Data that fetches itself.

In Cash FP the user enters a ticker and the AI assembles sector context, historical ratios and comparables. It removes the work of building the analysis view by hand.

See it live
02
Autofill

Five questions, a complete profile.

In Psicometrikas the user answers five opening questions and the AI infers the rest of the evaluative profile against a calibrated model. Onboarding drop-off falls and the data comes out cleaner.

See it live
03
Assisted conversion

Leads that arrive qualified.

In Habitare, conversational search understands plain language, qualifies the visitor before escalating to an agent, and hands over a usable brief instead of a raw form submission.

See it live

We design sites that feel considered. Nothing by default. No templates. Every element has a reason to be there, or it isn't.

Four steps, no ceremony.

No methodology inflated with acronyms. Just what we do, in the order we do it.

01
Listen
We understand the business before writing a line of code. No solution is worth anything if it doesn't solve a real problem.
02
Decide
A system, not scattered ideas. Every decision (color, type, AI, components) is made against documented reasoning.
03
Build
HTML, CSS and JS by hand. No heavy frameworks. No templates. The code belongs to the client when we're done.
04
Ship
In production, domain configured, WCAG verified, analytics connected. Nothing gets called "almost done".
Tell us about your project

We tell stories
in code.

If you have read this far, something here met your standard. Six short questions and then we talk.

Question 1 of 6
Sent

Got it, thank you.

Your information is in. You'll hear back by email within one business day.

Esta página también está disponible en español.

Ver en español