MACK.SYS — The Human Design System

Getting Started

Welcome to MACK.SYS — the living design system of Mackenzie Derival. Ex-Google UX Designer, 2x exited founder, prolific open-source contributor, and the person most likely to start a company during lunch.

// Quick start
import { Mack } from '@mackenzie/design-system';

// Initialize with default config
const mack = new Mack({
  energy: 'infinite',
  exits: 2,
  sideProjects: true,
  sleep: null, // deprecated since 2017
});

mack.render(); // → builds something incredible
        

At a Glance

Components

5 major

Google, Node App, Creatorloop, DealershipAI, MentorMode

Total Users Impacted

10,000+

Active users across Node App platform

Exit Value

$13M+

Acquired by Dulcedo, Canada's largest agency

GitHub Stars

400+

Creatorloop open-source project

Design Tokens

The foundational values that power every component in MACK.SYS. These tokens are immutable — except --mack-sleep, which was deprecated in 2017.

/* MACK.SYS Design Tokens */
:root {
  --mack-energy: infinite;
  --mack-exits: 2;
  --mack-side-projects: "always-yes";
  --mack-sleep: "optional"; /* deprecated */
  --mack-mentees: ∞;
  --mack-enthusiasm: "infectious";
  --mack-impostor-syndrome: false;
  --mack-ambition-max-width: none;
  --mack-grid: 8px;
  --mack-companies-founded: 3;
  --mack-acquisition-speed: "12-months";
}
        

--mack-energy

infinite

Cannot be overridden. Persists across all sessions.

--mack-exits

Node App ($13M → Dulcedo) + DealershipAI (12mo)

--mack-side-projects

"always-yes"

See: Creatorloop, DeFi platform, this design system

--mack-sleep

"deprecated"

⚠️ Deprecated since 2017. Do not rely on this token.

--mack-grid

8px

Mack operates on an 8px grid but his ambition has no max-width.

--mack-enthusiasm

"infectious"

Confirmed by 12+ mentee testimonials. Cannot be mocked.

<GoogleDesigner />

UX Designer at Google — designed motion patterns for the G Suite design system, adopted by 100+ designers across 12 teams.

<GoogleDesigner /> STABLE

shipped

Prop	Type	Default
motivation	number	∞
imposterSyndrome	boolean	true → false
designSystem	string	"G Suite Motion"
adopters	number	100+
teams	number	12

default caffeinated presenting shipping

Usage

import { GoogleDesigner } from '@mack/components';

// Renders a motion design system used by 100+ designers
<GoogleDesigner
  motivation={Infinity}
  designSystem="G Suite Motion"
  onShip={() => celebrate()}
/>
            

<NodeApp />

Co-founded the influencer marketing platform connecting brands with influencers. 7 years of building. $13M acquisition by Dulcedo. Featured on Nasdaq Times Square.

<NodeApp /> ACQUIRED

$13M exit

Prop	Type	Default
users	number	10,000+
customers	number	2,000+
contentCreated	number	500,000+
exitValue	string	"$13M"
acquirer	string	"Dulcedo"
duration	string	"2017-2024"
nasdaqTimesSquare	boolean	true

mvp scaling acquired

pitch-deck demo-day late-night-coding times-square

Usage

import { NodeApp } from '@mack/components';

// 7 years of shipping. $13M exit.
<NodeApp
  users={10000}
  exitValue="$13M"
  acquirer="Dulcedo"
  featured={["Nasdaq", "Google Accelerator"]}
  onAcquire={() => startNextCompany()}
/>

// Google Black Founders Accelerator — 3rd cohort
// Featured: Nasdaq Times Square billboard
            

<Creatorloop />

Open-source platform for benchmarking diffusion models. Built for the community, embraced by the community.

<Creatorloop /> OPEN SOURCE

⭐ 400 stars

Prop	Type	Default
stars	number	400
forks	number	218
pullRequests	number	98
category	string	"diffusion-benchmarks"

open-source viral

Usage

import { Creatorloop } from '@mack/components';

<Creatorloop
  stars={400}
  forks={218}
  benchmarks={"diffusion-models"}
  license="MIT"
/>

// Community-driven. 98 PRs merged.
            

<DealershipAI />

GenAI product automating car dealership photos using Stable Diffusion. Acquired within 12 months. Because of course it was.

<DealershipAI /> ACQUIRED

12mo → exit

Prop	Type	Default
diffusionModel	string	"stable-diffusion"
industry	string	"automotive"
timeToAcquisition	string	"12 months"

prototype shipped acquired-in-12-months

Usage

import { DealershipAI } from '@mack/components';

<DealershipAI
  model="stable-diffusion"
  output="photorealistic-car-images"
  onAcquire={() => console.log("That was fast.")}
/>
            

<MentorMode />

Always active. Cannot be disabled. "Infectious enthusiasm", "born system thinker", "gifted mentor" — actual quotes from actual humans.

<MentorMode /> ALWAYS ON

active

Prop	Type	Default
mentees	number	∞
enthusiasm	string	"infectious"
systemThinking	boolean	true
available	boolean	true (always)

active (always)

"Infectious enthusiasm — Mack makes you believe anything is possible."

— Mentee testimonial

"A born system thinker who sees the big picture and the tiny details."

— Design colleague

"A gifted mentor who genuinely cares about your growth."

— Junior designer

Typography

Headings: Bold claims. Body: Even bolder execution.

Space Grotesk

--font-heading · Weights: 600, 700 · Use: Section titles, bold claims

Inter — The workhorse. Clear, readable, professional.

--font-body · Weights: 400, 500, 600 · Use: Body text, descriptions

JetBrains Mono — props, code, the real stuff

--font-mono · Weights: 400, 500 · Use: Code blocks, props, tokens

Color Palette

Dark mode only. Like Mack's sleep schedule.

#0a0a0a

#111111

#1a1a1a

#A259FF

#FF7262

gradient

/* Palette */
--bg: #0a0a0a;       /* Mack at 3 AM */
--surface: #111111;   /* Mack at 4 AM */
--accent: #A259FF;    /* Figma purple — where he lives */
--accent2: #FF7262;   /* Coral — for emphasis & exits */
--gradient: #A259FF → #FF7262; /* The Mack gradient™ */
        

Accessibility

Mack's ideas are accessible to everyone. His schedule is not.

Criterion	Status	Notes
Ideas	✅ AAA	Accessible to everyone
Schedule	❌ Fail	Permanently overbooked
Keyboard nav	✅ AA	Mack navigates everything
Color contrast	✅ AAA	Dark mode by default (and preference)
Screen reader	✅ AA	All components properly labeled
Focus states	✅ AAA	Mack is always focused

Changelog

Career timeline as semantic versions. Each release ships something remarkable.

v2.0.24

2024

🎉 MAJOR: Node App Acquired — $13M

Dulcedo, Canada's largest influencer/modeling agency, acquires Node App. 7 years of building. 2,000+ customers. 10K+ active users. 500K+ pieces of content.

v1.9.23

2023

DealershipAI acquired in 12 months

GenAI product using Stable Diffusion for car dealership photos. Built it, shipped it, sold it. Speed run.

v1.8.22

2022

ETHGlobal SF — $5K prize

Built a DeFi platform gamifying climate action with NFT rewards. Won $5,000 at ETHGlobal SF hackathon.

v1.7.22

2022

Creatorloop goes viral

Open-source diffusion model benchmarking platform hits 400 GitHub stars, 218 forks, 98 PRs. Community-driven and thriving.

v1.5.21

2021

Google Black Founders Accelerator

Node App selected for Google's 3rd cohort. Nasdaq Times Square billboard moment unlocked.

v1.0.17

2017

Node App founded + Sleep deprecated

Co-founded the influencer marketing platform. Simultaneously deprecated sleep. Both decisions permanent.

⚠️ DEPRECATION: --mack-sleep removed from active tokens

v0.9.0

2016-2017

Google — G Suite Design System

Designed motion patterns for G Suite's design system. Adopted by 100+ designers across 12 teams. Imposter syndrome resolved by v0.9.3.

Known Bugs

Every system has quirks. These are features, not bugs. (They're bugs.)

CRITICAL

Will start a new company if left unsupervised for more than 48 hours.

MACK-001 · Reported: 2017 · Status: Won't Fix

CRITICAL

Sleep has been deprecated since 2017. No migration path available.

MACK-002 · Reported: 2017 · Status: By Design

WARNING

Side projects multiply exponentially when exposed to new technology.

MACK-003 · Reported: 2019 · Status: Monitoring

WARNING

Mentoring mode cannot be toggled off. The enabled prop is hardcoded to true.

MACK-004 · Reported: 2020 · Status: By Design

INFO

Enthusiasm levels occasionally exceed Number.MAX_SAFE_INTEGER.

MACK-005 · Reported: always · Status: Feature

INFO

Ambition has no max-width constraint. Attempts to set one are silently ignored.

MACK-006 · Reported: birth · Status: Won't Fix

Press Kit

Featured in major publications. Because the work speaks — and the press listens.

Business Insider CTV News National Post Adobe XD BetaKit

Highlights

PRESS

Google Black Founders Accelerator — Node App selected for 3rd cohort

PRESS

Nasdaq Times Square — Node App featured on the billboard

PRESS

ETHGlobal SF 2022 — $5,000 hackathon winner

// Want to work with Mack?
const contact = {
  portfolio: "mack.design",
  status: "Open to the extraordinary",
  response_time: "faster than his last acquisition",
};
          