Aus chaotisch wird geordnet.
Stance. Prinzipien. Grenzen.
Was diese Marke ist, woran sie sich bindet, und was bewusst nicht zu ihr gehört. Alles weiter unten ist Umsetzung dieser drei Felder.
Beteiligungs-Holding im VC-Stil. Mike als Dirigent, kein Operator. Marketing × Vertrieb × KI als Kern-Hebel. Werte-Kompass-Filter (Ehrlichkeit, Offenheit, Lebenslanges Lernen) als KO-Kriterien für Kunden, Beteiligungen, Team.
- Akzent-Disziplin:80% Cosmos/Milk. Lila < 15%, max. 3 pro View. Mono nur für Eyebrows, Specs, Tokens.
- Twin-Trennung: Digital → Lila. Editorial → Magenta. Niemals beide auf derselben Page.
- Italic-Serif: ein System.
<em>für Brand-IP und Heading-Rhythm. Instrument Serif Italic 1.08em. - Premium-Reserve:Glass & Shader nur Hero. Maximal eine Premium-Surface pro View.
- Public Marketing-Site: das ist growthorbit.io, eigenes Repo.
- Mobile-App / iOS-spezifische Components.
- Print-Spezifika: CMYK, Bleed, Druckveredelung.
- A11y-Compliance-Audit: separat, dieses Doc ist Visual-Reference.
Eine Wortmarke. Vier Treatments.
Wortmarke inline ist Standard. Monogram nur für Favicon und App-Icon. Treatments folgen Surface: weiss auf Cosmos, ink auf Paper, Lila als Akzent, Brand-Marble nur Hero-Reserve.
Eine Bühne, sieben Treatments. Klick durch um zu sehen wie das Inline-Lockup in jedem Modus wirkt: Mono, Primary, statischer Shader, animierter Marble-Liquid, Brand-Gradient als SVG-Fill.
Cosmos & Milk dominieren. Lila akzentuiert.
Zwei Welten plus zwei Editorial-Twins. Cosmos und Milk als 80%-Fundament. Lila < 15% als Brand-Akzent. Magenta als Editorial-Twin, niemals beide auf derselben Page.
Color Rules
- 80% Cosmos & Milk: Default-Surfaces. Niemals Lila als Background-Flood.
- Lila < 15%: Maximal 3 Lila-Elemente pro View. Akzent, kein Background.
- Twin-Trennung: Digital nutzt Lila. Editorial nutzt Magenta. Niemals beides auf einer Page.
- Brand-Marble: Premium-Reserve. Maximal eine Marble-Surface pro Page (Hero oder CTA-Band).
Drei Schriften. Eine Stimme.
Inter Tight für Body und Headings. Instrument Serif Italic für Brand-IP-Marker. SF Mono für Eyebrows, Specs, Tokens. Eine Italic-Italic-Regel: <em> wechselt immer auf Serif.
H1 · clamp(2.75rem, 7vw, 5.75rem) · 300H2 · clamp(2.25rem, 4.5vw, 3.25rem) · 300H3 · 1.5rem · 500Body-Lead · 1.125rem · lh 1.6Body · 1rem · lh 1.55Body-Small · 0.875rem · lh 1.5Mono · 0.6875rem · uppercase · 0.18em<em> wechselt automatisch auf Instrument Serif Italic 1.08em. Niemals dekorativ. Beispiele: Werte-Kompass, Dirigent, Lean Scaling Playbook, Spear-Tip.
Eine 9-Stufen-Skala. Plus 4 Layout-Konstanten.
Spacing folgt einer logarithmischen Skala. Jeder Token hat einen festen Use-Case. Nichts dazwischen erfinden.
Surface-Tokens. Radius + Schatten.
Radius trägt Tonalität. Schatten trägt Hierarchie. Beides ist token-basiert, keine erfundenen Werte. Drop-Shadows sind Cosmos-getönt, Glow-Layer Lila-getönt. Nicht mischen.
Zwei Width-Tokens und acht Composite-Treatments. Composite-Tokens bündeln width + style + color zu einer Entscheidung pro Use-Case.
Cosmos-getönte Drop-Shadows für alle Lift-Pattern. v3.1: layered (zwei Stops für natürlichen Falloff), Opacity ~halbiert, Blur breiter. Alle Tokens nutzen rgba(15,11,28,...) als Basis. --shadow-lg als einziger trägt Lila.
Brand-Glow-Layer auf Cosmos-Surfaces. Additiv zu drop-shadows, niemals als alleiniger Schatten. Premium-Reserve für Hero-CTAs, Active-States.
16 Icons. Eine Strichstärke.
Outline-Style, 1.5px stroke, 24px Grid. Lila als Default-Color, 28px im Card-Frame. Kein Filling, keine Mehrfarb-Glyphen.
Zwei Surfaces. Plus Liquid Glass.
Cosmos ist die dunkle Bühne. Dot-Grid die subtile Tech-Atmosphäre. Marble-Liquid der Premium-Hero-Hintergrund. Liquid Glass ist die Material-Sprache für Cards und Pills.
Punkt-Raster für Tech- und System-Surfaces. Subtil, niemals dominant. Default für Cosmos-Sections die nicht den Marble-Shader brauchen.
Default Tech-Surface
Dichter
Weiter
Silk-Marble in voller Brand-Lila-Palette. CSS-Fallback aktiv (animated radial gradients); echter WebGL-Shader via Three.js in der nächsten Welle. Premium-Reserve: Hero-Sections, Logo-Stages, Pricing-Reveal. Drei feste Varianten.
Backdrop-blur über lebendigem Lila-Marble. Das ist der Punkt von Liquid Glass: die Saturation hebt was darunter liegt. Nie auf flachem Cosmos, immer mit Bewegung darunter.
Ruhig. Verbindlich. Niemals tanzend.
Quint-Out für Hovers. Expo-Out für Entries. Standard-Ease für generisches UI. --d-hover 0.45s gibt der Animation Atem. Premium-Gefühl entsteht durch ruhige Konfidenz, nicht durch Bounce.
Motion Rules
- Quint-Out für Hovers: --ease-smooth + --d-hover für jeden Hover. Niemals harte ease-in.
- Expo-Out für Entries: Modal-In, Drawer, Reveal. --ease-out + --d-slow.
- Reduced-Motion: WebGL/Marquee/Pulse explizit auf animation:none. Sweep-Animationen ebenfalls deaktivieren.
- Niemals Bounce: Spring-Animations sind verboten. Premium = ruhige Konfidenz.
Fünf Standard. Vier Premium-Reserve.
Rounded-rect, Text links, Arrow rechts. Hover lupft um 1px, kein Scale. Verbindlich statt verspielt. Premium-Reserve (Sweep, Sweep-Soft, Glass) ist Hero-only: maximal eine pro Surface.
Lila = Default-CTA. Cosmos = sekundäre CTA auf Light. Outline-Lila = sekundär auf Light. Outline-Star = sekundär auf Cosmos. Paper = tertiär auf Cosmos. Mehr nicht. Wenn du eine sechste brauchst, brauchst du sie nicht.
Vier Treatments, alle maximal 1 pro Surface und nur Hero, Pricing-Reveal, Sales-Final-CTA. Niemals als Default. Niemals zwei nebeneinander. Wenn unsicher: nimm einen der fünf Standard-Variants oben.
Drei Familien. Klare Use-Cases.
Inline-Badges für Tags und Status in Tabellen, Listen, Pricing-Zeilen. Section-Badges mit Pulse-Dot für Hero-Eyebrows und Live-Slots. Glass-Pills als Cosmos-Hero-Reserve. Jede Familie hat einen einzigen klaren Einsatzort.
Mono-Caps Pills für In-Text-Status. Tabellen-Zellen, Pricing-Tier-Marker, Listen-Items. Status-Variants tragen optional einen statischen Punkt links.
Sans-Pills mit pulsierendem Status-Dot. Für Hero-Eyebrows, Section-Intros, Live-Slot-Banner. Cosmos-Variante pulst zusätzlich als ambient Lila-Halo.
Frosted-Glass Pills mit Lila-Bright Pulse-Dot. Nur auf Cosmos-Hero-Surfaces. Brand-Version-Tag, Hero-Status-Indicator. Maximal eine Glass-Surface pro View.
Gesichter. Standardisiert.
Fünf Größen, zwei Varianten: Default (Cosmos-Disc) und Owner-Ring (Cosmos + 2px Lila-Ring) für Founder. Background-Swap via inline-style für Lila/Milk-Surfaces, kein eigener Modifier nötig. Stack-Pattern für Team-Composites.
Max. fünf vor dem «+N»-Counter. Reihenfolge: Founder zuerst, dann Beteiligungs-Partner, dann Team.
Inhalt. Container. Ohne Tricks.
Cards sind die Container-Sprache. Default auf Paper, Dark auf Cosmos, Lila als Accent-Variant, Glass nur auf Hero. Stat-Card für Numbers in Instrument-Serif-Italic.
Eine prominente Zahl pro Surface, nicht vier in Reihe. Konkrete Werte werden im Anwendungsfall eingesetzt. Component selbst ist Identity-neutral.
--cosmos-edge, Body in --star-72.Ein Input. Fünf States. Drei Varianten.
Ein System: .input für Text/Email/Phone/Number, .textarea für Mehrzeiliges,.select für Dropdowns. Modifier .input-dark für Cosmos-Surfaces,.input-pill für Newsletter-Stil. Alle nutzen den gleichen Lila-Focus-Ring.
.input-darkGleicher Input, Modifier .input-dark dreht Background auf star-04, Border auf star-12. Newsletter-Pattern kombiniert mit .input-pill.
Boolesche Auswahl.
Lila-fill bei Checked, weißer Tick. Switches für ON/OFF Settings. Radios für exklusive Wahl.
Kontext. Hover. Sonst nichts.
Cosmos-void Hintergrund, weißer Text, kleiner Pfeil. Tooltips erklären Tokens, Specs und Definitionen. Nie Handlung.
Fokus. Confirm.
Modals heben aus dem Flow heraus. Default Light auf Cosmos-Backdrop. Dark für Founder-OS-internal-Tools. Niemals zwei gleichzeitig.
Klick einen der Buttons um das Modal als Overlay über die ganze Seite zu sehen. ESC oder Backdrop-Click schliesst.
Beteiligung anfragen
Decision Log Entry
Fragen. Aufklappen.
Plus-Symbol rotiert auf Open. Default eine Box mit allen Items. Border zwischen Items, kein Card-pro-Item.
Daten. Zeile für Zeile.
Mono-Header, Sans-Body. Subtle Hover-Highlight. Numbers rechts, Labels links. Niemals Zebra-Striping.
| Tier | Pricing | Inkludiert | Status |
|---|---|---|---|
| Lehrkunde | 2.490 EUR | Spear-Tip 90 Tage, 1:1 Calls, Werte-Kompass-Onboarding. | Live |
| Standard | 4.490 EUR | 5-Säulen-Framework, Founder-OS-Setup, monatliche Reviews. | Live |
| Premium | 7.990 EUR | Vollständiger 6-Monats-Plan, Persönlicher Anker, Beteiligungs-Pre-Eval. | Limited |
| Beteiligung | Equity | VC-Stil, Mike als Dirigent, Werte-Kompass-Filter, langfristig. | Selektiv |
Status-Signale.
Inline-Notifications für Page-Level-State. Info, Success, Warn, Danger und Cosmos-Variante. Kompakte Linie, keine modale Disruption.
Top-of-Page Notification mit Inline-Link und Close-Button. Drei Tonalitäten: Lila (Brand-Announcement), Milk (subtle Info), Cosmos (System-Wide).
Drei Bühnen. Eine Voice.
Cosmos für Default Pages. Shader für Brand-Moments und Pricing-Reveal. Milk für Editorial-Long-Form.
Wachstum in eine stabile Umlaufbahn.
Beteiligungs-Holding im VC-Stil. Werte-Kompass-Filter. Persönlicher Anker.
Founder-OS. Dein System.
Premium-Reserve. Nur Hero-Moments und Brand-Reveal.
Aus chaotisch wird geordnet.
Long-Form, Decision-Logs, Voice. Default für Reading-Surfaces.
Default-Hero-Pattern für Landing-Pages: Badge → Heading → Subtitle → CTA-Row, jeweils +100ms verzögert. Triggert beim Scrollen ins Viewport (IntersectionObserver). Replay-Button reset+rerun.
Mehr Klarheit. Mehr Wachstum.
Badge 0ms · H1 100ms · Sub 200ms · CTA 300ms · ease-outKlartext. Disqualifizierend. Premium.
Wir reden wie Mike redet: direkt, österreichisch prägnant, ohne Coach-Bro-Hype. Wir sagen, wer NICHT zu uns passt. Das ist nicht hart. Das ist Respekt vor der Zeit aller.
Direkt · nicht weich
Wir verpacken Probleme nicht. Wir benennen, was nicht läuft, und schlagen einen Schritt vor.
Disqualifizierend
Premium heißt: nicht jeder ist Kunde. Wir sagen klar, wem wir nicht helfen. Und warum.
Premium ohne Glamour
Hochwertig, aber nüchtern. Keine Goldrahmen, keine Luxus-Floskeln. Substanz trägt.
Österreichisch prägnant
Kurze Sätze. Keine Phrasen. Wenn etwas eine Würze braucht, bekommt es sie. Aber sparsam.
Do
- Eine Idee pro Satz.
- Konkrete Zahlen statt vager Skalen.
- Brand-Begriffe in Italic-Serif.
- Decision-Logs offen lassen, wenn unsicher.
- Disqualifizieren, wenn Werte nicht passen.
Don't
- Keine "atemberaubenden" Adjektive.
- Keine 6-stelligen Hype-Versprechen.
- Keine "Hustle"-Rhetorik.
- Keine Coaching-Industry-Floskeln.
- Kein "Du kannst alles"-Pep-Talk.
Was die Marke nie tut.
Die schärfste Definition einer Marke ist, was sie ablehnt. Wenn du eines dieser Muster siehst, ist es ein Bug. Kein Feature.
Neon-Pink zu Lime, Saturn-Glow auf 50%. Kein Vibe, der je drin war.
"6-stellige Monate", "10x in 90 Tagen". Substanzlos, überreizt.
Editorial-Magenta und Digital-Lila niemals auf derselben Page.
Bounce, Spring, Particles. Raubt Ernsthaftigkeit.
Generic-Business-Imagery. Wenn Bild, dann eigenes Material.
Auch nicht "für den Effekt". Logo bleibt orthogonal.
Rounded-rect (--r-lg) ist Standard. Pill nur für Badges. Eckig signalisiert Tech-Bro.
Outline-only, currentColor. Keine Duotone, kein Fill-Mix.
Brand-Doctrine endet hier. Was folgt sind Layout-Vorlagen für Marketing-Pages, Sales-Decks und Founder-Surfaces. Sie nutzen die obenstehenden Tokens, sind aber selbst nicht Teil der Doctrine.
Trennen. Fortschritt.
Vier Divider-Stile, drei Progress-Bar-Höhen, Labeled-Variante mit Lila/Shader/Magenta-Bars für Onboarding und Framework-Renderings. Solid und Dashed für Standard, Brand für Section-Joins, Labeled für nummerierte Trennungen.
Zahlen. Trocken. Beweisbar.
Vier Kennzahlen-Karten als Strip. Lean-Scaling-Numbers, Investor-Pitch, Lebenslauf-Highlight. Hairline-Typo, italic-serif Inflection im Zahlenwert.
Stimmen. Konkret.
Pull-Quote, Sprecher, Kontext. Drei Karten als Strip oder eine zentrierte Hero-Quote. Keine sterilen Stockfotos: Initial-Disc als Default, Foto wenn das Recht klar ist. Italic-Akzent auf das eine Wort, das die Methode trägt.
Innerhalb von 90 Tagen war unser Mahnwesen komplett automatisiert. Davor 14h pro Woche, jetzt 30 Minuten.
Disqualifizierend kommunizieren: das hat unsere Sales-Calls komplett verändert. Weniger Termine, mehr echte Kunden.
Ich brauche kein neues Marketing-Tool. Ich brauche jemanden, der versteht, wie ich denke.
Drei Säulen. Eine Wirkung.
Klassisches 3-Spalten-Pattern: Icon-Tile, Titel, Beschreibung, optionaler Mono-Link. Genug für Service-Pages und Framework-Renderings ohne weiteres CSS.
Marketing × Vertrieb
Outbound-Systeme, Funnel, Landing Pages. Disqualifizierend kommunizierend, kein Bauchgefühl-Verkauf.
Mehr lesen →KI-Implementierung
AI-Agents, Workflow-Automation, RAG-Systeme. Self-Hosted-First: n8n, Supabase, Qdrant auf Hetzner.
Mehr lesen →Beteiligungs-Holding
VC-Stil mit operativer Tiefe. Werte-Kompass-Filter strikt. Persönlicher Anker als Plan-Validator.
Mehr lesen →Drei Pakete. Klare Hierarchie.
Pricing-Tabelle ohne "nur heute"-Geschrei. Featured-Card mit Lila-Ring + Tag oben. Numbers in tabular-nums, Currency hinter der Zahl, italic-serif für Hervorhebung.
Lean Scaling
Spear-Tip 90 Tage
VC-Stil Holding
Brücken. Zwischen Sections.
Drei Token-Varianten: Light auf Milk-Warm, Dark auf Cosmos-Void mit Dot-Pattern, Shader auf Marble-Gradient. Eyebrow + Titel + Beschreibung links, CTA rechts.
Werte-Check in 30 Minuten.
Kein Pitch. Wir prüfen ob Werte und Mission alignen, bevor wir über Pakete reden.
Du bist Operator-Founder?
Schick uns dein Setup. Wir antworten in 72 Stunden mit Yes/No und Begründung.
Lean Scaling, wöchentlich.
Was funktioniert, was nicht. Keine Inspiration-Posts. Keine Zoom-Calls in der CTA.
Mit wem wir arbeiten.
Monochromer Logo-Strip auf Milk oder Cosmos. Wortmarken in einer Schwerpunkt-Linie, gleiche optische Höhe. Beteiligungen + Lehrkunden, nicht Trophy-Mining. Max. sechs Logos pro Reihe, sonst entwertet das Set.
Eine Mail. Die Woche.
Eine zentrierte Newsletter-Sektion auf Cosmos-Void mit Lila-Halo und Pill-Input. Footer-Disclaimer in Mono: klein, ehrlich, ein Klick zur Abmeldung.
Direkt. Ohne Umweg.
Zwei-Spalten-Layout: Info-Block links (E-Mail, Standort, Hours), Form rechts. Form nutzt vorhandene .input/.textarea/.select-Tokens aus Section 13.
Die Site-Schließung.
Vier-Spalten-Footer auf Cosmos-Void als Site-Component. Spalte 1: Brand + Tagline + Links. Spalten 2-4: Sitemap, Resources, Legal. Bottom-Strip: Copyright + Legal-Links + Locale.