Threadstone · Claude Theme

Modell: Anthropic Claude (claude.ai) Threadstone-rolle: Dyp analyse, lange kontekstvinduer, juridisk/medisinsk presisjon

Identitet

Claude er varm, rolig og gjennomtenkt. Paletten reflekterer dette: kremhvite overflater, terrakotta-aksent, ingen harde kontraster. Brukeropplevelsen skal føles som et bibliotek — rolig, strukturert, trygg.

Fargepalett

Token	Lys modus	Mørk modus	Bruk
`--ts-bg`	`#f9f6f1`	`#1a1714`	Sidebunn
`--ts-surface`	`#f4f0e8`	`#201d1a`	Kort, sidepanel
`--ts-surface-2`	`#ede8de`	`#272320`	Nested elementer
`--ts-border`	`#d6cfc4`	`#3a3530`	Skillere
`--ts-text`	`#2c2420`	`#e8e2d8`	Brødtekst
`--ts-text-muted`	`#7a6e65`	`#8a7e74`	Sekundær tekst
`--ts-accent`	`#c96442`	`#e07a57`	CTA, fokusring, lenker
`--ts-accent-hover`	`#a84e30`	`#c96442`	Hover-state
`--ts-accent-highlight`	`#f0ddd6`	`#3d2820`	Subtil bakgrunn

Typografi

--ts-font-display: 'Zodiak', 'Georgia', serif;      /* Overskrifter ≥ 24px */
--ts-font-body:    'Satoshi', 'Inter', sans-serif;   /* Brødtekst, UI */

Display: Zodiak (Fontshare) — elegant serif med humanistisk karakter
Body: Satoshi (Fontshare) — geometrisk grotesk, lesbar i alle størrelser
Overskrifter: vekter 500–700, linjehøyde 1.15
Brødtekst: 16px, linjehøyde 1.65, maks 68ch bredde

Designprinsipp

Varm nøytral — ikke ren hvit, ikke grå. Krem og sand.
Terrakotta som eneste aksent — aldri blå eller lilla på Claude-tema
Luft og margin — romslig padding, ingen tranghet
Avrunding: --radius-md: 0.5rem — ingen skarpe hjørner, men ikke bubbly
Ikoner: Lucide, stroke-style, aldri fylt

Eksempel — CSS-variabler

[data-theme="claude"] {
  --ts-bg:               #f9f6f1;
  --ts-surface:          #f4f0e8;
  --ts-surface-2:        #ede8de;
  --ts-border:           #d6cfc4;
  --ts-text:             #2c2420;
  --ts-text-muted:       #7a6e65;
  --ts-accent:           #c96442;
  --ts-accent-hover:     #a84e30;
  --ts-accent-highlight: #f0ddd6;
  --ts-font-display:     'Zodiak', Georgia, serif;
  --ts-font-body:        'Satoshi', Inter, sans-serif;
}

[data-theme="claude"][data-mode="dark"] {
  --ts-bg:               #1a1714;
  --ts-surface:          #201d1a;
  --ts-surface-2:        #272320;
  --ts-border:           #3a3530;
  --ts-text:             #e8e2d8;
  --ts-text-muted:       #8a7e74;
  --ts-accent:           #e07a57;
  --ts-accent-hover:     #c96442;
  --ts-accent-highlight: #3d2820;
}

Stemning

Tenk: et gammelt universitetsbibliotek med nye vinduer. Varmt lys, tunge bøker, men luftig og ryddig.

2.7 KiB Raw Permalink Blame History Unescape Escape