The Design System · v1.0

The visual language of an editorial institution.

BizHubNetwork™ is built from a small, deliberate kit of editorial primitives — typography, color, covers, cards. Every future page is assembled from this system, never improvised around it.

Jump to Typography
§ 01

Navigation

The masthead carries the institution. A serif wordmark, a hairline rule, primary editorial sections, and a single utility for search and subscription.

Demonstrated live above. Includes responsive mobile sheet, inline search, and the persistent volume/issue marker on desktop.

§ 02

Typography

Fraunces for display and headlines. Inter Tight for interface and body. JetBrains Mono for eyebrows and metadata. No third display face — restraint is the system.

Eyebrow / category label

Hero headline — reserved for the lead of an issue.


Story headline — the standard mark of an editorial entry.


Section heading — used inside articles and on index pages.


Lead body — sets the tone of the piece in a slightly larger, lighter register. Used for the opening paragraphs of an editorial story.

Standard body — the primary reading register. Optimized for long-form attention, with generous leading and a measured line length to support sustained reading across desktop and mobile.

“A story is not invented. It is uncovered, verified, and then preserved with the same care as the institutions it documents.”
— Editorial Standards, §3.1

Caption — used beneath imagery, charts, and footnotes. Italic, muted, never decorative.

§ 03

Editorial Cards

Cards are reading invitations, not marketing tiles. Hairline borders, no shadows, no gradients. Each variant carries its theme accent.

Featured · Leadership

The quiet operators rebuilding a city's manufacturing base.

For three years, a coalition of second-generation owners has been re-tooling without press, without funding rounds, and without a single LinkedIn post.

By A. Mensah14 min read

Entrepreneurship

A founder, a notebook, and seventeen rejected applications.

What four years of cold outreach actually looks like.

By J. Okafor9 min
Innovation

The patent the field dismissed for a decade.

An overlooked filing becomes the foundation of a new category.

By R. Levine11 min
Community

How a neighborhood archive became a venture pipeline.

The librarians knew the founders before the funds did.

By M. Castillo7 min

Issue 01

Inheritance

Spring 2026
Issue 01 · Spring 2026
14 stories
Issue 02

Quiet Capital

Summer 2026
Issue 02 · Summer 2026
11 stories
Issue 03

The Long Build

Autumn 2026
Issue 03 · Autumn 2026
16 stories

Series · Execution

Field Notes

Long-form profiles of operators working outside the coastal press cycle.

22 stories in this series
Series · Legacy

The Inheritance

Second-generation owners reckoning with what they were handed.

8 stories in this series
Series · Impact

Ground Truth

Quantitative dispatches from regional economies the indexes miss.

15 stories in this series

We didn't have a pitch deck for the first six years. We had a job to finish.
D. Aluko
Founder, profiled in Issue 02
My father didn't build a business. He built a way of doing things that outlived him.
P. Halvorsen
Second-generation owner, Field Notes Vol. 4
§ 04

Buttons & Links

Three forms only: primary, secondary, and the textual link. No icon buttons in body content. No gradients, no glow, no rounded pills.

Continue reading
§ 05

Layout System

A 12-column editorial grid (8 on tablet, 4 on mobile). Three content widths: narrow (720), default (1200), wide (1440). Generous vertical rhythm: 80px between major sections.

1
2
3
4
5
6
7
8
9
10
11
12

Max widths · narrow 720px · default 1200px · wide 1440px
§ 06

Color System

Paper and ink are the foundation. Gold is the institutional mark. Editorial red is reserved for masthead-level signaling. Grays carry hierarchy without volume.

Ink
--ink

Primary text & primary action

Paper
--paper

Default background

Paper Warm
--paper-warm

Inset panels

Editorial Gold
--gold

The signature mark

Gold Deep
--gold-deep

Hover, deep accents

Editorial Red
--editorial-red

Masthead only

Rule
--rule

Hairline borders

Gray 600
--gray-600

Metadata, captions

§ 07

Imagery

Photography is documentary, not decorative. Human, situated, with available light. Full-bleed wherever the frame can hold it. Never stock-look composites, never staged founders against neutral walls.

In situ — subjects photographed in the spaces where the work happens.

Available light, considered crop, no filter stack. The image is evidence.

§ 08

Cover System

One typographic frame, three tiers. The same masthead, the same hairlines, the same spine — so a Story, an Issue, and a Volume always read as one record.

BizHubNetwork™
The Editorial Institution
Field Notes · Entrepreneurship

The notebook before the company.

By A. Mensah
Discover Solutionsbizhubnetwork.com
Story cover · 4:5
BizHubNetwork™
The Editorial Institution
Issue No. 03
Autumn 2026

The Long Build

On work that compounds slowly enough to be missed by the cycle.

Discover Solutionsbizhubnetwork.com
Issue cover · 3:4
BizHubNetwork™
The Editorial Institution
Volume I
2026 · The Annual Archive

The First Year of Record.

Bound & Preserved
Discover Solutionsbizhubnetwork.com
Volume cover · 3:4 · archival
§ 09

Editorial Theme System

Every story belongs to a theme. Themes carry a single accent color that travels across the story's eyebrow, card hairline, and cover spine — distinct enough to navigate, harmonized enough to belong.

Entrepreneurship

Founders building from zero.

--theme-entrepreneurship
Leadership

How decisions become direction.

--theme-leadership
Innovation

Ideas that change the field.

--theme-innovation
Community

The networks that carry the work.

--theme-community
Opportunity

Where momentum becomes access.

--theme-opportunity
Legacy

What endures after the headline.

--theme-legacy
Execution

The discipline behind the story.

--theme-execution
Impact

Measurable change, documented.

--theme-impact
§ 10

Component Library

Every page is composed from this kit. Import from @/components/editorial — never improvise. Below: the newsletter block, slotted into footers and story ends.