source

---
name: Classic
description:
  Guilde's original Slack-flavoured workspace — deep slate canvas, terracotta
  accent, Inter UI. The default look every guild starts on.
colors:
  # ── Surfaces (depth ladder) ──
  background: "#1A1D21"
  surface: "#222529"
  surface-2: "#292524"
  surface-raised: "#292524"
  sidebar: "#19171D"
  input: "#222529"
  scrim: "rgba(0, 0, 0, 0.6)"
  # ── Text (contrast ladder) ──
  ink: "#D1D2D3"
  ink-muted: "#949BA4"
  ink-faint: "#6B7280"
  # ── Accents ──
  accent: "#C2724E"
  accent-alt: "#D4A574"
  accent-light: "#D4A574"
  accent-fg: "#FFFFFF"
  # ── Borders ──
  border: "rgba(255, 255, 255, 0.1)"
  border-strong: "rgba(255, 255, 255, 0.16)"
  ring: "rgba(194, 114, 78, 0.4)"
  # ── Semantic ──
  link: "#1164A3"
  highlight: "#1164A3"
  active: "#1164A3"
  hover: "rgba(255, 255, 255, 0.04)"
  glass: "rgba(250, 250, 249, 0.06)"
  glass-border: "rgba(255, 255, 255, 0.1)"
  success: "#2BAC76"
  success-fg: "#FFFFFF"
  warning: "#E8912D"
  warning-fg: "#1A1D21"
  error: "#DC2626"
  error-fg: "#FFFFFF"
  chat-green: "#007A5A"
typography:
  body:
    family: "Inter, ui-sans-serif, system-ui, sans-serif"
    size: "14px"
    weight: 400
    lineHeight: 1.55
  h1:
    family: "Inter, ui-sans-serif, system-ui, sans-serif"
    size: "1.75rem"
    weight: 700
    lineHeight: 1.2
  h2:
    family: "Inter, ui-sans-serif, system-ui, sans-serif"
    size: "1.35rem"
    weight: 700
    lineHeight: 1.25
  mono:
    family: "ui-monospace, SFMono-Regular, Menlo, monospace"
    size: "0.85em"
spacing:
  xs: "0.25rem"
  sm: "0.5rem"
  md: "0.75rem"
  lg: "1rem"
  xl: "1.5rem"
rounded:
  sm: "4px"
  md: "6px"
  lg: "8px"
  xl: "12px"
shadows:
  sm: "0 1px 2px rgba(0, 0, 0, 0.3)"
  md: "0 6px 20px rgba(0, 0, 0, 0.35)"
  lg: "0 16px 48px rgba(0, 0, 0, 0.5)"
components:
  button-primary:
    background: "{colors.chat-green}"
    color: "#FFFFFF"
    border: "1px solid {colors.chat-green}"
    radius: "{rounded.sm}"
    padding: "0.4rem 0.9rem"
  button-secondary:
    background: "transparent"
    color: "{colors.ink}"
    border: "1px solid {colors.border}"
    radius: "{rounded.sm}"
    padding: "0.4rem 0.9rem"
  card:
    background: "{colors.surface}"
    border: "1px solid {colors.border}"
    radius: "{rounded.md}"
    padding: "1rem"
---

## Overview

Classic is Guilde's original look: a Slack-inspired workspace built around a
deep slate canvas, a single terracotta accent, and Inter at 14px body. It's the
default a brand-new guild starts on, and it's the kit you can always re-activate
to "go back to factory settings" after experimenting with another theme.

## Atmosphere

Quiet, dense, work-mode. Nothing competes with the conversation. The accent is
warm enough to feel human but reserved enough that it only reads as intentional
— buttons, mentions, status dots — not as decoration.

## Layout

Two-column workspace shell: a darker `sidebar` on the left, a `background`
canvas for the chat itself, and `surface` cards for messages, panels, and
modals. Borders are 1px low-opacity white so the structure stays visible without
ever raising contrast above the conversation.

## Notes

- `chat-green` (`#007A5A`) is the legacy Slack-style send-button accent. Kept as
  its own token so Classic remains pixel-equivalent to the pre-design-kit
  hardcoded look.
- Inter is loaded from Google Fonts on activation; system fallbacks cover the
  first paint while the file streams.