# Brand

Logo, Wordmark, Inter und unser Look.

## Logo & Wordmark

Logo und Wordmark sind zwei verschiedene Dinge. Auf der Website stehen sie oben links nebeneinander: zuerst das Logo, dann LOGICPLANES. Trotzdem hat jedes eigene Regeln.

### Logo

Das ist unser Logo. Ein kleines geometrisches Icon. Auf hellen Flächen schwarz, auf dunklen weiß. Bitte keine neuen Farben erfinden.

- Black SVG: https://logicplanes.com/brand/logo-black.svg
- White SVG: https://logicplanes.com/brand/logo-white.svg
- Black PNG: https://logicplanes.com/brand/logo-black.png
- White PNG: https://logicplanes.com/brand/logo-white.png

### Wordmark

Das Wordmark ist LOGICPLANES in Inter Semibold. Immer genau so geschrieben. Nicht LogicPlanes, nicht Logic Planes und nicht klein, wenn es als Logo steht.

Wordmark text: `LOGICPLANES`
- Black SVG: https://logicplanes.com/brand/wordmark-black.svg
- White SVG: https://logicplanes.com/brand/wordmark-white.svg

### Logo + Wordmark

Genau wie in der Navbar: Logo links, LOGICPLANES rechts, optisch ausgerichtet. Es bleiben zwei getrennte Dateien nebeneinander, keine einzelne Datei zum freien Umstylen.

Halte einen gleichmäßigen Abstand, etwa die halbe Breite des Logos. Dieses Paar für Header verwenden. Das Logo allein nur, wenn der Platz knapp ist.

- Lockup on light: https://logicplanes.com/brand/lockup-light.png
- Lockup on dark: https://logicplanes.com/brand/lockup-dark.png

## Farbe

Wir halten es ruhig. Weiße Flächen, fast schwarzer Text, dezente Ränder. Farbe ist für Zustände wie Fehler da, nicht für den gesamten Look.

- `--background`: oklch(1 0 0) / #ffffff
- `--foreground`: oklch(0.145 0 0) / #0a0a0a
- `--muted-foreground`: oklch(0.556 0 0)
- `--border`: oklch(0.922 0 0)
- `--radius`: 0.5rem (8px)

Keine Lila-Verläufe, keine Cream- und Terracotta-Defaults, keine Glow-Effekte und kein Dark-Mode-first Chrome.

## Schrift

Jede Logicplanes-Oberfläche nutzt Inter — eine Neo-Grotesk für Produkt-UI, Marketing und das LOGICPLANES-Wordmark. Überschriften sind semibold mit engem Tracking. Fließtext ist regular mit angenehmem Zeilenabstand. Labels bleiben in normaler Satzschreibweise.

Inter · Gewichte 300–700 · SIL Open Font License 1.1

Weights: 300 Light · 400 Regular · 500 Medium · 600 SemiBold · 700 Bold

Inter via Google Fonts: https://fonts.google.com/specimen/Inter

Usage: set `font-family: "Inter", system-ui, sans-serif`. Body 400, headlines 600, wordmark LOGICPLANES at 600 with tight tracking.

## UI

Acht Pixel Rundung, ein primärer Button-Stil und ruhige Ränder.

- Buttons und Inputs haben 8px Radius. Keine pillenförmigen CTAs.
- Der primäre Button ist .btn-dark: schwarz mit einem weichen weißen Verlauf.
- Lass Platz. Offene Layouts sind besser als Cards und schweres Chrome.
- Keine Animationen beim Öffnen der Seite oder beim Scrollen. Hover ist in Ordnung.
- Jeder Abschnitt macht eine Sache: Überschrift, kurzer Support-Satz, dann der Inhalt.

## Für Agenten

Wenn du UI für Logicplanes baust, halte dich an diese Regeln. Nutze diese Seite, wenn du einschätzen musst. Nutze die Markdown-URL, wenn du Struktur brauchst.

- Weiße Flächen und fast schwarzer Text.
- 8px Radius an Controls. Keine Pills.
- Primäre CTAs nutzen .btn-dark.
- Logo und Wordmark sind getrennte Dateien.
- In der Navbar: Logo und LOGICPLANES nebeneinander.
- Labels in Satzschreibweise. Nur das Wordmark ist LOGICPLANES.
- Keine Animationen beim Öffnen der Seite oder beim Scrollen.
- Ruhige Ränder. Lieber Platz als Cards.
- Schrift: Inter.

## Downloads

Offizielle Dateien. Bitte unverändert verwenden. Logos und Wordmarks für Presse; Inter (über Google Fonts) für Produkt und Marketing.

- Inter — Google Fonts: https://logicplanes.comhttps://fonts.google.com/specimen/Inter
- Inter — GitHub (Quellcode): https://logicplanes.comhttps://github.com/rsms/inter
- Marke — schwarz: https://logicplanes.com/brand/logo-black.svg
- Marke — weiß: https://logicplanes.com/brand/logo-white.svg
- Marke — schwarz PNG: https://logicplanes.com/brand/logo-black.png
- Marke — weiß PNG: https://logicplanes.com/brand/logo-white.png
- Wortmarke — schwarz: https://logicplanes.com/brand/wordmark-black.svg
- Wortmarke — weiß: https://logicplanes.com/brand/wordmark-white.svg
- Lockup — hell: https://logicplanes.com/brand/lockup-light.png
- Lockup — dunkel: https://logicplanes.com/brand/lockup-dark.png

## Presse

Logicplanes ist ein unabhängiges Software-Studio. Gegründet 2025 von Devin Oldenburg.

## Kurz gesagt

- Bitte nutze Logo und Wordmark so, wie sie auf dieser Seite gezeigt werden.
- Inter ist unter der SIL Open Font License 1.1 frei nutzbar — auf Google Fonts und GitHub verfügbar.
- Wenn du Logo oder Wordmark öffentlich nutzen willst, freuen wir uns über eine kurze Nachricht vorher.
- Bitte keine Partnerschaft oder Empfehlung andeuten, die es nicht gibt.
- Logo- und Wordmark-Dateien nicht verändern oder in ein anderes Logo mischen.
- Diese Hinweise können sich ändern. Im Zweifel einfach nachfragen.

Fragen?

- Email: hello@logicplanes.com

---

Source: https://logicplanes.com/de/brand
Language: de
Alternate markdown: text/markdown