Rak — 9 Design Iterations

Research-driven variations. Focus: information-heavy layouts, typography that slaps, smart color use. Built for the work we actually do.

RESEARCH-BASED DESIGN

These iterations are built from deep research into:

All 3 are 11/10 mobile-optimized. Test on your phone.

01
01 / Iteration

Swiss Precision

Müller-Brockmann grid made visible. Column labels (A-L), numbered sections, extreme systematic approach.

GRID:
Visible 12-col
TYPOGRAPHY:
Helvetica Neue
COLORS:
B+W + Swiss red
INSPIRATION:
Swiss posters
02
02 / Iteration

Lab Notebook

Dot grid background (5mm), handwritten annotations, date stamps, index tabs. How researchers actually work.

GRID:
Dot grid 20px
TYPOGRAPHY:
Mono + handwriting
COLORS:
Paper + ink blue
INSPIRATION:
Leuchtturm 1917
03
03 / Iteration

Minimal Brutalism

Extreme restraint. Monospace only, no gradients, no shadows, 1px borders, pure function. Maximum signal.

GRID:
8px strict
TYPOGRAPHY:
Mono ONLY
COLORS:
B+W + pure blue
INSPIRATION:
Wim Crouwel
04
04 / Iteration

Data Table

Bloomberg Terminal aesthetic. Everything as tables, extreme information density, spreadsheet layout.

LAYOUT:
All tables
TYPOGRAPHY:
Mono tabular
DENSITY:
Maximum
INSPIRATION:
Bloomberg
05
05 / Iteration

Large Type

Vignelli editorial minimalism. Massive typography, extreme negative space, few elements with huge impact.

TYPE:
120px–240px
WHITESPACE:
Extreme
DENSITY:
Minimal
INSPIRATION:
Vignelli Canon
06
06 / Iteration

Grid Lines

Graph paper/technical drawing aesthetic. Numbered grid visible (A-G rows), coordinate labels on everything.

GRID:
Graph paper
LABELS:
Coordinates
AESTHETIC:
Technical
INSPIRATION:
Engineering
07
07 / Iteration

Tinylab Sister

Direct evolution of tinylab aesthetic for Rak. Paper + ink colors, 3px borders, box shadows, numbered sections. Same DNA, Rak voice.

COLORS:
Paper + ink blue
BORDERS:
3px solid
SHADOWS:
6px offset
RELATION:
Tinylab sibling
08
08 / Iteration

Statement Headlines

Typography that SLAPS. 96px headlines, 900 weight, tight tracking. Bold, high-contrast, few elements with huge impact.

TYPE SIZE:
48px–96px
WEIGHT:
900 (black)
TRACKING:
-0.05em
IMPACT:
Maximum
09
09 / Iteration

Color-Coded Data

Semantic color system. Red=findings, Green=validated, Amber=insights, Blue=data, Purple=method. Smart color use that means something.

SYSTEM:
5-color semantic
PURPOSE:
Meaning not decoration
LEGEND:
Inline
DATA:
Information-dense