M MAINFRAME
Design System Specimen No. 07

MAINFRAME

1950s corporate modernism applied to B2B SaaS landing page components. Typewriter precision, filing-cabinet order, Eames-era warmth.

Philosophy
Precision

Every element is measured, verified, and filed with typewriter exactness. No detail is approximate — the ledger demands accuracy.

Order

Components follow filing-cabinet logic — structured, indexed, and retrievable. Hierarchy is established through weight, not decoration.

Trust

Corporate reliability expressed through restraint. Honest materials, clear labeling, and the quiet confidence of post-war institutional design.

Color Palette, Patterns & Textures
Cream Stock
#F7F3E9
Carbon
#2C2C2C
Corporate Blue
#1B3A5C
Signal Red
#B8302C
Olive
#5C5C3D
Cream on Carbon — AA ✓
Cream on Blue — AA ✓
Carbon on Cream — AAA ✓
Halftone Dots — Carbon
Halftone Dots — Blue
Ruled Ledger Lines
Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Body — 16/1.7 · Satoshi 400. The computing division processed quarterly figures with mechanical precision, each datum verified against the master ledger before submission to the board of directors.

Small body — 14/1.6. Subsidiary metrics confirmed a 12% increase in throughput across all regional processing centers.

Caption — 12/1.5. Fig. 3 — Comparative output analysis, Eastern Division, 1957–1959.

Label Tag Status Tag
Layout & Spacing
4px
xs — micro spacing
8px
sm — tight spacing
16px
md — default spacing
24px
lg — component padding
32px
xl — section gap
48px
2xl — section padding
72px
3xl — major section breaks
Iconography
16
20
24
32
01
Index
Filing
Check
Arrow
Imagery & Media
16 : 9
Standard landscape image placeholder.
1 : 1
Square format for cards.
JR
Avatar: circle 48/64px, monogram square 48px.
Navigation
M MAINFRAME
Platform Pricing Docs Request Demo
Inputs
I agree to the processing terms & conditions
Form Specifications

All inputs use 2px carbon borders. Focus state shifts border to Corporate Blue. Labels set in Cabinet Grotesk 700 at 11px with 0.15em tracking.

Actions
Primary Action Secondary Action Destructive Text Link → Disabled State
Small Primary Small Secondary Large Primary
Feedback
✓ Batch processing completed. 12,400 records verified.
◆ Storage approaching capacity. Review allocation schedule.
✗ Tabulation error on line 4,208. Manual review required.
● System maintenance scheduled: Saturday 22:00–02:00.
Toast
Record saved to ledger.
Progress
Batch import — 64%
Validation
Please enter a valid corporate email address.
Content Blocks
We replaced fourteen clerks and three filing cabinets with a single Mainframe terminal. Quarterly close went from six weeks to six days.
R. Henderson, VP Operations
Consolidated Manufacturing Corp. — Since 1956
Callout

Enterprise agreements include a dedicated processing operator and priority batch scheduling.

✓ Tip

Schedule batch runs during off-peak hours for 3× throughput improvement.

400+
Corporations Served
Data Display
DivisionStatusRecordsProcessing Time
Accounting✓ Active12,4004.2 hrs
Operations◆ Queued8,600
Executive✓ Active3,2001.8 hrs
400+
Corporations
99.7%
Uptime
12M
Records / Day
Faster
Context Components
Now Processing V4.0

Enterprise data,
computed forward.

The integrated processing platform that brings every department onto one ledger.

Start ProcessingView Demonstration
M
01

Batch Processing

Sequential task execution with full audit trail.

02

Tabulation Engine

Cross-reference any data set against the master index.

03

Report Generation

Board-ready documents in minutes, not weeks.

Trusted by Industry Leaders
ACME CORP
GLOBEX
INITECH
SOYLENT
Keypunch
$49/mo
5 user terminals
Basic tabulation
Weekly batch runs
Priority processing
Enterprise
$399/mo
Unlimited terminals
Full computation suite
Continuous processing
Priority processing
SOC 2 Certified
99.7% Uptime SLA
ISO 27001
30-Day Guarantee