Zurück

Internal Documentation — V1.0

Newways Brandbook & Design System

Spezifikationen für UI/UX, Typografie, Farben und Copywriting Frameworks (CS6).

01Identität & Vibe

Aesthetic: “Midnight AI” / Dark Editorial.
Vibe: Premium Enterprise Consulting meets Cutting-Edge AI. Ein Mix aus privatem Members-Club und Hochleistungslabor.

Kern-Ansatz: Wir verkaufen keinen Tool-Hype. Wir bauen System-Business auf. Klarheit, Angebot, Funnel, und erst dann Delegation und Automatisierung.

02Farbpalette

Primary Bg

Deep Space

HEX #05050A

Hintergrund, Tiefe, Leere

Accent / CTA

Electric Blue

HEX #2563EB

Buttons, Highlights, Glows

Surface / Cards

Carbon

HEX #1E293B

Karten, Container, Footer

Text / Light Bg

Ice White

HEX #F8FAFC

Headlines, Body Text

03Typografie

Heading: Inter

font-heading

Klarheit ist Macht. Das System gewinnt.

Verwendung: Headlines, Navigation, Primary CTAs. (Tight tracking, bold weights).

Drama: Playfair Display (Italic)

font-drama

Automatisierung als Hebel.

Verwendung: Große Hero-Sublines, Kontrast-Statements, visuelle Brüche. Immer Italic.

Data: JetBrains Mono

font-data

System Operational // Phase 01

Verwendung: Labels, Step-Numbers, kleine Tags, Tech-Akzente. (Uppercase, wide tracking).

04UI Komponenten & Styling

Border Radius System

Wir vermeiden scharfe Kanten. Organisch und fließend.

  • Karten & Container: rounded-[2rem] bis rounded-[3rem]
  • Buttons & Tags: rounded-full

Visual Texture

Digitale Flächen werden durch Layer gebrochen.

  • Globaler Noise Overlay (feTurbulence 0.05)
  • Blur-Effekte für Glows hinter Karten

05CS6 Copywriting Framework (Lead-Magnete)

Jeder “Free Asset” oder Lead-Magnet auf der Ressourcen-Seite muss nach diesem bewährten Pattern aufgebaut sein, um blitzschnell Wert zu vermitteln.

1

High / Pattern Interrupt (Titel)

Ein lauter, fesselnder Satz. (z.B. “Die KI Content-Maschine”)

2

Pain Point (Schmerz)

Welches konkrete Problem hat der Kunde jetzt gerade?

3

Desire (Wunsch)

Wo möchte der Kunde hin?

4

Value / Transformation (Nutzen)

3 konkrete Bullet-Points, was geliefert wird. Kurz & knackig.

5

CTA (Call to Action)

Klarer Handlungsaufruf.