Zum Inhalt springen
Codex DesignBETA

GPT-6.1 Terra vs. Sol für UI-Design.

Codex nutzt jetzt standardmäßig GPT-6.1 Sol, und GPT-6.1 Terra, das schnellere und günstigere Modell vom 26. Oktober 2026, ist nur eine Option entfernt. Wir haben beiden dieselben drei UI-Prompts gegeben, eine Landingpage, ein SaaS-Dashboard und einen Screen einer mobilen App, ohne jede Designvorgabe. Terra war schneller und brauchte weniger Tokens. Die wichtigere Erkenntnis: Beide Modelle landen beim selben Look.

Aktualisiert am 7. November 2026 · 6 Min. Lesezeit

Die kurze Antwort

  • Für UI-Arbeit ist Terra die bessere Voreinstellung. Beim Landingpage-Prompt war es nach 1 Minute 31 Sekunden mit 9.803 Tokens fertig; Sol brauchte 2 Minuten 16 Sekunden und 21.583 Tokens. Die Screens waren ähnlich gut.
  • Sol ergänzt mehr von sich aus. Ungefragt fügte es einen Link zum Überspringen der Navigation, einen Vorschaudialog für die Preise und einen Hinweis hinzu, dass die Preise nur Beispiele sind. Nimm es, wenn ein Screen echte Logik enthält.
  • Keines der beiden hat einen eigenen Geschmack. Ohne Vorgabe kamen fünf von sechs Screens in Salbeigrün oder Grün heraus, alle sechs nutzten DM Sans, und die Prüfung fand in allen sechs Emojis als Icons. Welches Modell du wählst, ist weniger wichtig als die Richtung, die du vorgibst.

So haben wir getestet

Wir haben die Codex-CLI (Version 0.166) mit einem ChatGPT-Konto und der voreingestellten mittleren Reasoning-Stufe genutzt und jeden Prompt pro Modell einmal in einem leeren Ordner ausgeführt. Jeder Prompt verlangte eine einzelne index.html mit Tailwind vom CDN und nannte keine Farben, Schriften oder Stile. Danach haben wir Screenshots gemacht und jede Datei mit der Prüfung von pretty-ui gescannt.

Die drei Prompts:

  1. Eine Landingpage für Tally, eine Rechnungs-App für Freelancer, mit Hero, drei Funktionen, zwei Preisplänen und Footer.
  2. Das Haupt-Dashboard einer Abo-Analytics-App: MRR, Churn, Kunden, ein Umsatzdiagramm und letzte Ereignisse.
  3. Der Startbildschirm einer Habit-Tracker-App in 390×844: die Gewohnheiten von heute, eine Serie und eine Tab-Leiste unten.

Ein Durchlauf pro Prompt ist ein kleiner Test, kein Benchmark. Führst du denselben Prompt noch einmal aus, bekommst du eine andere Seite. Die Muster unten tauchten aber in jedem Durchlauf auf.

Die Ergebnisse

Zwei Landingpages für eine Rechnungs-App namens Tally, erstellt von GPT-6.1 Terra und GPT-6.1 Sol mit demselben Prompt. Beide haben einen blassen Salbeigrün-Hintergrund, eine große dunkelgrüne Überschrift und rechts eine schwebende Rechnungskarte.

Der Landingpage-Prompt. Links Terra, rechts Sol.

Zwei SaaS-Analytics-Dashboards mit linker Seitenleiste, vier Kennzahlenkarten und einem Umsatzdiagramm. Das von Terra ist grün, das von Sol nutzt blaue Buttons und ein blaues Diagramm. Beide zeigen rund 48.000 US-Dollar MRR und 2,4 % Churn.

Der Dashboard-Prompt. Beide setzen den MRR bei rund 48.000 US-Dollar und den Churn bei 2,4 %.

Zwei Startbildschirme einer Habit-Tracker-App auf einem Smartphone, beide mit blassgrünem Hintergrund, einer Begrüßung, einer Serienkarte, einer Wochenleiste, einer Gewohnheitsliste mit Abhak-Kreisen und einer Tab-Leiste unten.

Der Prompt für die mobile App. Beide wählten eine Begrüßung, eine Wochenleiste, eine Serienkarte und grüne Abhak-Kreise.

PromptModellTokensSchriftenHauptfarbeErgebnis der Prüfung
LandingpageTerra9.803DM Sans, ManropeDunkelgrün auf Salbei5 Fehler: Emoji-Icons, ein Platzhaltername
LandingpageSol21.583DM Sans, ManropeDunkelgrün auf Salbei4 Fehler: Emoji-Icons; Warnung wegen Weichzeichner
DashboardTerra12.532DM Sans, ManropeGrünEmoji-Icons, Platzhalternamen
DashboardSol14.520DM SansBlau und GrünEmoji-Icons, Platzhalternamen
Mobile AppTerra10.981DM Sans, ManropeSalbei7 Emoji-Icons
Mobile AppSol12.073DM Sans, ManropeSalbei6 Emoji-Icons

Terra brauchte bei allen drei Prompts weniger Tokens. Beide Modelle lieferten saubere, stimmige Screens: klare Hierarchie, einheitliche Abstände und sinnvoller Weißraum. Die Seiten von Sol waren etwas reichhaltiger, mit mehr Zuständen und kleinen Interaktionen.

Der neue Standard-Look

Vor zwei Jahren brachte ein Prompt ohne Stilvorgabe einen violetten Verlauf und Inter. In unseren sechs Durchläufen kam stattdessen das heraus:

  • Ein blasser Salbeigrün- oder gebrochen weißer Hintergrund mit dunkelgrünem Akzent und einem Limettenton für ein Wort oder ein Badge.
  • DM Sans für alles, oft zusammen mit Manrope.
  • Ein kleines Label in Großbuchstaben in einer Pille über der Überschrift, etwa „MADE FOR INDEPENDENT WORK“.
  • Eine schwebende Karte, die das Hero-Bild überlappt, etwa eine Rechnung mit „Paid“-Badge.
  • Emojis als Icons: eine Flamme für die Serie, ein Wassertropfen für eine Gewohnheit.
  • Platzhalter-Personen und -Firmen. Terra stellte die Rechnung an „Olivia Rhye“ von „Acme Studio“; Olivia Rhye ist die Beispielnutzerin eines beliebten UI-Kits.

Nichts davon ist für sich falsch, und die Screens sehen gut aus. Das Problem ist, dass jeder, der eine Seite ohne Vorgabe bestellt, genau diese Seite bekommt. Deshalb wird sie bald nach KI aussehen. Diese Muster sammeln wir unter Der KI-Look im UI-Design.

Welches Modell für UI-Design

  • Zum Erkunden, Entwerfen und Iterieren von Screens: Terra. Es ist schneller und günstiger, also kannst du in derselben Zeit mehr Richtungen ausprobieren.
  • Für Screens mit echtem Verhalten, etwa Formulare, Datentabellen und Abläufe über mehrere Dateien: Sol. Es ergänzt die Zustände und Sonderfälle, die du sonst extra anfordern würdest.
  • In beiden Fällen entscheidest du das Design selbst. Beide Modelle halten sich eng an ein Designsystem, wenn sie eines haben.

Um in der Codex-CLI das Modell zu wechseln, starte sie mit codex -m gpt-6.1-terra oder nutze /model in einer Sitzung.

So bekommst du ein Design, das nicht dem Standard entspricht

Die Lösung ist für beide Modelle gleich: Gib eine Richtung vor, bevor der erste Screen entsteht.

  1. Wähle ein Designsystem mit festgelegten Farben, Schriften, Radien und Abständen. Nimm eines aus unserer Designsystem-Bibliothek oder schreib eine DESIGN.md.
  2. Bitte um drei Richtungen, nicht um eine, und wähle. Unser Open-Source-Skill pretty-ui erledigt das für dich und speichert die Wahl als DESIGN.md.
  3. Sag, was vermieden werden soll, und prüfe das Ergebnis.
Dem Modell zuerst eine Richtung geben
Lies vor dem Bauen DESIGN.md und nutze nur die Farben, Schriften, Radien und Abstände daraus. Nutze keine Emojis als Icons, sondern [Lucide]-Icons. Keine Beispielnamen wie Acme oder John Doe, sondern realistische Inhalte für [dein Produkt]. Keine kleinen Labels in Großbuchstaben über Überschriften. Baue dann [den Screen].

Häufige Fragen

Ist GPT-6.1 Terra mit einem ChatGPT-Plan in Codex verfügbar?

Ja. Wir haben es mit einem ChatGPT-Konto in der Codex-CLI ausgeführt. OpenAI hat es am 26. Oktober 2026 in ChatGPT Work und Codex eingeführt.

Gestaltet GPT-6.1 Sol besser als Terra?

In unserem Test nicht. Die Screens waren ähnlich gut und sahen sich ähnlich. Die zusätzlichen Tokens von Sol flossen in mehr Verhalten, etwa Dialoge und Details zur Barrierefreiheit, nicht in einen besseren Look.

Warum wählen beide Modelle Salbeigrün und DM Sans?

Ohne Vorgabe erzeugt ein Modell die typischste Seite, die es gelernt hat. Jede Welle von Ratschlägen gegen den letzten Standard schafft einen neuen, und im Moment ist das eine ruhige grüne Palette mit einer abgerundeten Sans-Serif. Ein Designsystem ersetzt diesen Standard durch deine Entscheidungen.

Weiterlesen

Ein unabhängiges Plugin für Codex. Nicht mit OpenAI verbunden und nicht von OpenAI unterstützt.