Hustle SystemMikhail V. KuznetsovStyle GuideEdition I

The style guide

HustleSystem

Show up. Ship. Repeat.

A community of operators who give each other their time back. This is how Hustle System looks, sounds and invites, on every page, post and email.

Hustle SystemStyle GuideI Essencep. 01

Chapter I

Essence

What Hustle System is and who it is for, in the words the community already uses.

Hours back first. Revenue follows.

Name
Hustle System
Founder
Mikhail V. Kuznetsov
Home
hustle-system.com
What it is
A community of operators who give each other their time back, with the playbooks to do it.
Who it serves
Solo and near-solo founders at $200K to $1M a year, and creator-business founders up to $2M.
Proof
Twenty years of direct-response craft and close to $100M in client sales across fitness, the creator economy, speaking authority and wealth.
The promise
Time back first. The work only the founder can do, second.

“We are not running another AI course. We are running a community of operators who give each other their time back.”

Mikhail V. Kuznetsov
Hustle SystemStyle GuideII Voicep. 02

Chapter II

Voice

The romantic operator with a community-leader lens. Quiet conviction, receipts over reach.

  1. 2.1

    Time first

    Twelve hours back per week. That is the first win. Revenue follows.

    Skip income claims and ROI hype. Count hours before dollars.

  2. 2.2

    Quiet conviction

    The Sprint is the on-ramp. The community is the standing room.

    Skip countdowns, last-chance lines and invented scarcity.

  3. 2.3

    Receipts over reach

    The playbooks compound. The community keeps them honest.

    Skip trusted-by-thousands and any number without a member behind it.

  4. 2.4

    In it together

    We are in this together. Drop a comment if you have felt this.

    Skip corporate thank-yous and team-speak in replies.

Our words

time firsthours backcompoundthe playbooksthe communitymembers shiproom over courseAI as instrumentleverage layer

Words we skip

10xhustle harderhacksecretguruabundance mindsetmanifest

Writing mechanics

6 rules
  1. Default short. Lengthen for cadence, never pad.
  2. No em dashes and no semicolons.
  3. Hours first, dollars second.
  4. Open on a reality check, close on a community call.
  5. Every claim names a member, a date or an hour count.
  6. Lowercase is fine inside the community, never for hype.
Hustle SystemStyle GuideIII Signature ideasp. 03

Chapter III

Signature ideas

The ideas that make the community recognisably itself. Write them the same way every time.

  1. First

    Show up
  2. Second

    Ship
  3. Third

    Repeat

Time First

Time is the unit of value. The calendar lightens before the wallet thickens.

Always hours before dollars.

Room Over Course

The pitch is the door. The community is the room.

Never call it a course.

AI as Instrument

AI is something you play with skill, never a shortcut you buy.

Instrument, never hack.

The Playbooks Compound

Every sprint adds a playbook, and the community keeps the playbooks honest.

Plural, always the playbooks.

Hustle SystemStyle GuideIV Colourp. 04

Chapter IV

Colour

A black terminal, one green that means go, and cream for reading.

Void#0A0A0APanel#151515Cream#F4F1EAAsh#82807ATerminal green#10B981Signal#3FCF8E
Fig. 4.1The palette stacked by how much of a screen each colour takes.

Terminal green means go.

Void is the field and Cream is the type. Signal lifts one headline word. Gold and Cyan are secondary accents for charts and tags, one at a time.

Void #0A0A0ATerminal green #10B981Signal #3FCF8ECream #F4F1EA

Palette

  • Ash#82807ASecondary text
  • Cyan#06B6D4Secondary accent
  • Deep green#06140DLabels on green
  • Gold#D6B363Secondary accent
  • Void#0A0A0AThe field
  • Cream#F4F1EAText
  • Panel#151515Cards and panels
  • Signal#3FCF8EHeadline green and highlights
  • Terminal green#10B981The call to action

Roles

  • Background#0A0A0AThe page field
  • Surface#151515Panels and cards
  • Foreground#F4F1EAText on the field
  • Primary#10B981The main action
  • Accent#3FCF8EHighlights and links
  • Muted#82807ASecondary text and rules
  • Success#3FCF8EPositive states
  • Warning#D6B363Caution states
  • Danger#FF3860Errors

Gradients

  • Panel
  • Grid Lines
  • Hero Vignette

Contrast

SamplePairRatioWCAG 2.1
AaForeground on background17.55:1AAA
AaForeground on surface16.19:1AAA
AaMuted on background5.01:1AA
AaAccent on background9.92:1AAA
AaPrimary on background7.80:1AAA
AaButton label on button7.80:1AAA

How much of each

By area

Void 60%Panel 20%Cream 12%Ash 4%Terminal green 3%Signal 1%

Do

Keep the call to action flat Terminal green. Never a gradient.

Do

Use Signal for one headline word or one number.

Don’t

Put Gold and Cyan on the same screen.

Hustle SystemStyle GuideV Typep. 05

Chapter V

Type

Bebas Neue carries headlines and buttons in capitals. Space Grotesk does the reading. Fira Code runs the tickers.

Voice

SHOW UP

Bebas NeueHeadlines and buttons, capitals

Text

Hours back first.

Space GroteskParagraphs, answers and forms

Ticker

> members_ship

Fira CodeTickers, tags and chrome

Figures

12 hrs

Bebas NeueHours, dates and counts

  • HeadlinesAaBebas NeueABCDEFGHIJKLM abcdefghijklm 0123456789
  • Body and buttonsAaSpace GroteskABCDEFGHIJKLM abcdefghijklm 0123456789
  • Labels and numbersAaFira CodeABCDEFGHIJKLM abcdefghijklm 0123456789

Scale

  • Show up. Ship. Repeat.DisplayBebas Neue / clamp(64px, 10vw, 118px) / 400 / line 0.86 / tracking 0.005em
  • Show up. Ship. Repeat.HeadlineBebas Neue / clamp(40px, 5vw, 64px) / 400 / line 0.95 / tracking 0.01em
  • Show up. Ship. Repeat.TitleBebas Neue / 30px / 400 / line 1 / tracking 0.02em
  • Show up. Ship. Repeat.ButtonBebas Neue / 24px / 400 / line 1 / tracking 0.04em
  • Show up. Ship. Repeat.LeadSpace Grotesk / 19px / 500 / line 1.5
  • Show up. Ship. Repeat.BodySpace Grotesk / 17px / 400 / line 1.6
  • Show up. Ship. Repeat.LabelFira Code / 12px / 600 / line 1.5 / tracking 0.18em

Do

Set Bebas Neue in capitals, for headlines and buttons.

Do

Keep Space Grotesk at 17px or larger for anything people read.

Don’t

Set Bebas Neue in a paragraph. It is a headline face.

Hustle SystemStyle GuideVI Marksp. 06

Chapter VI

Marks

The wordmark, the monogram and the three devices that frame the work.

Hustle SystemShow up. Ship. Repeat.

Fig. 6.1The wordmark in Cream on Void. Clear space equals the height of the H.

Hustle SystemShow up. Ship. Repeat.

Fig. 6.2The wordmark in Void on Cream. Minimum width 120px on screen.
HS
Fig. 6.3The monogram, for avatars and favicons.
>
Fig. 6.4The prompt. It opens every ticker and tag.
Fig. 6.5The go rule, Terminal green into Signal.
Hustle SystemStyle GuideVII Building blocksp. 07

Chapter VII

Building blocks

Buttons, cards and rules, rendered live from the Hustle System design system.

Buttons

Join nowJoin nowOn the field
Join nowJoin nowOn a surface

Section head, card, badge, divider

  • 01 / Hustle System

    Hustle System


    The community keeps the playbooks honest.

    Join now
  • 02 / Card

    Show up. Ship. Repeat.


    Bebas Neue / Space Grotesk / Fira Code

Do

One Terminal green button per screen. The ghost carries everything else.

Do

Button labels in Bebas Neue capitals, three words or fewer.

Don’t

Put a gradient, a glow or a countdown on a button.

Hustle SystemStyle GuideVIII In the wildp. 08

Chapter VIII

In the wild

Templates in the community’s own formats. The type is the image.

  • KeptVoid field with one Terminal green element per frame.
  • KeptBebas Neue capitals as the headline.
  • RefinedHours before dollars in every hook.
  • RefinedEvery post ends on a community call, never a hard pitch.
Reel cover, 9:16

Hours back.

Twelve hours. Five days. One playbook.

Reel cover, 9:16One highlighted word, in Signal.
Quote card

Show up. Ship. Repeat.

Quote card, 1:1Terminal green field, deep green type.
> carousel_01

The playbooks compound.

The community keeps them honest.

Carousel cover, 4:5Fira Code tag, Bebas Neue headline.

Hustle System

> weekly_ship
Email header, 3:1Wordmark left, ticker label right.
Hustle SystemStyle GuideIX Codesp. 09

Chapter IX

Codes

Everything a designer or developer needs to build in this world without guessing.

Motion

  • Content rises 18px as it scrolls into viewCSS scroll timeline
  • The prompt cursor blinks on the one live element1.1s
  • Buttons lift on hover250ms, scale 1.03
  • Nothing is ever hidden waiting for a scriptalways visible
  • Reduced motion stops everything at its final statealways

The easing curve

Everything eases out, fast to start and settled on landing: ease-out, 150ms, 250ms and 400ms.

Custom properties

.brand {
  --ds-color-primary: #10B981;
  --ds-color-accent: #3FCF8E;
  --ds-color-surface: #151515;
  --ds-color-background: #0A0A0A;
  --ds-color-foreground: #F4F1EA;
  --ds-color-success: #3FCF8E;
  --ds-color-warning: #D6B363;
  --ds-color-danger: #FF3860;
  --ds-color-muted: #82807A;
  --ds-font-heading: 'Bebas Neue', Impact, sans-serif;
  --ds-font-body: 'Space Grotesk', system-ui, sans-serif;
  --ds-font-mono: 'Fira Code', 'Spline Sans Mono', ui-monospace, monospace;
  --ds-scale-ratio: 1.25;
  --ds-texture-style: solid;
  --ds-texture-intensity: 0.3;
  --ds-button-radius: 0px;
  --ds-button-weight: 700;
  --ds-button-style: flat;
  --ds-icon-library: lucide;
  --ds-icon-size: 18px;
  --ds-icon-stroke: 1.5;
  --ds-motion-easing: ease-out;
  --ds-motion-fast: 150ms;
  --ds-motion-base: 250ms;
  --ds-motion-slow: 400ms;
  --ds-motion-hover-scale: 1.03;
  --ds-radius-sm: 2px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 16px;
  --ds-radius-full: 999px;
  --ds-shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --ds-shadow-md: 0 12px 32px rgba(0,0,0,0.6);
  --ds-shadow-lg: 0 24px 64px rgba(63,207,142,0.12);
  --ds-gradient-panel: linear-gradient(160deg, #18181B, #0A0A0A);
  --ds-gradient-gridLines: linear-gradient(#2A2A2E 1px, transparent 1px), linear-gradient(90deg, #2A2A2E 1px, transparent 1px);
  --ds-gradient-heroVignette: radial-gradient(circle at 50% 22%, #000 0, transparent 78%);
  --ds-type-lg-size: 19px;
  --ds-type-lg-weight: 500;
  --ds-type-lg-line: 1.5;
  --ds-type-sm-size: 12px;
  --ds-type-sm-weight: 600;
  --ds-type-sm-line: 1.5;
  --ds-type-sm-family: 'Fira Code', 'Spline Sans Mono', ui-monospace, monospace;
  --ds-type-sm-tracking: 0.18em;
  --ds-type-xl-size: 30px;
  --ds-type-xl-weight: 400;
  --ds-type-xl-line: 1;
  --ds-type-xl-family: 'Bebas Neue', Impact, sans-serif;
  --ds-type-xl-tracking: 0.02em;
  --ds-type-3xl-size: clamp(40px, 5vw, 64px);
  --ds-type-3xl-weight: 400;
  --ds-type-3xl-line: 0.95;
  --ds-type-3xl-family: 'Bebas Neue', Impact, sans-serif;
  --ds-type-3xl-tracking: 0.01em;
  --ds-type-base-size: 17px;
  --ds-type-base-weight: 400;
  --ds-type-base-line: 1.6;
  --ds-type-button-size: 24px;
  --ds-type-button-weight: 400;
  --ds-type-button-line: 1;
  --ds-type-button-family: 'Bebas Neue', Impact, sans-serif;
  --ds-type-button-tracking: 0.04em;
  --ds-type-display-size: clamp(64px, 10vw, 118px);
  --ds-type-display-weight: 400;
  --ds-type-display-line: 0.86;
  --ds-type-display-family: 'Bebas Neue', Impact, sans-serif;
  --ds-type-display-tracking: 0.005em;
  --ds-btn-primary-bg: #10B981;
  --ds-btn-primary-text: #0A0A0A;
  --ds-btn-primary-padding: 14px 28px;
  --ds-btn-primary-tracking: 0.04em;
  --ds-btn-primary-transform: uppercase;
  --ds-btn-primary-family: 'Bebas Neue', Impact, sans-serif;
  --ds-btn-primary-weight: 400;
  --ds-btn-primary-radius: 0px;
  --ds-btn-primary-hover: lift;
  --ds-btn-secondary-bg: transparent;
  --ds-btn-secondary-text: #3FCF8E;
  --ds-btn-secondary-border: 1px solid #3FCF8E;
  --ds-btn-secondary-padding: 14px 28px;
  --ds-btn-secondary-tracking: 0.04em;
  --ds-btn-secondary-transform: uppercase;
  --ds-btn-secondary-family: 'Bebas Neue', Impact, sans-serif;
  --ds-btn-secondary-weight: 400;
  --ds-btn-secondary-radius: 0px;
  --ds-surface-style: terminal panel, hairline;
  --ds-surface-card-bg: #151515;
  --ds-surface-card-border: 1px solid #2A2A2E;
  --ds-surface-backdrop-blur: none;
  --ds-tracking-label: 0.1em;
  --ds-tracking-button: 0.04em;
  --ds-tracking-ticker: 0.18em;
  --ds-tracking-display: 0.005em;
}

Font links, one per family

https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap
https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap
https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap

Hard rules

6
  1. The call to action is flat Terminal green. Never a gradient.
  2. Bebas Neue in capitals. Headlines and buttons only.
  3. Space Grotesk for reading. Fira Code for tickers and chrome.
  4. Twelve pixels minimum. Nothing readable under 12px.
  5. Hours before dollars. Every claim names a member, a date or an hour count.
  6. No em dashes, no semicolons. A period does the job.
© 2026 Hustle System. hustle-system.comStyle guide, edition I
Terms of ServicePrivacy Policy