loki-mode 8.1.0 → 8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,85 @@
1
+ # DESIGN ARCHETYPES (pick exactly ONE)
2
+
3
+ Do not average these together and do not invent a fourth palette hue. Choose the
4
+ single archetype whose mood matches the product domain, then hold it on every
5
+ surface: palette, type pairing, spacing rhythm, and layout skeleton. A build that
6
+ commits fully to the "wrong" archetype still looks designed; a build that blends
7
+ two looks generated.
8
+
9
+ Every hex below is a real Radix Colors step. Every font below is real and served
10
+ by Google Fonts, so `@import` / `next/font` resolves at build time. Steps map to
11
+ roles: 2 = page background, 3 = raised surface, 6 = border, 9 = solid accent,
12
+ 11 = accent text on light, 12 = body text.
13
+
14
+ ## 1. EDITORIAL (publishing, long-form, research, journalism, docs)
15
+ - Palette: bg #f9f9f8, surface #f1f0ef, border #dad9d6, accent #d13415, text #21201c
16
+ - Type: Newsreader (display, 600) + Public Sans (body, 400). Headline 3.5rem, leading 1.05, tracking -0.02em.
17
+ - Layout: single measured column, 68ch max. Asymmetric: text left, wide margin right for notes and pull quotes. Rules (1px, border color) separate sections, not cards.
18
+ - Signature move: an oversized drop-cap or a hanging marginal note. Body text at 1.125rem with 1.7 leading.
19
+
20
+ ## 2. BRUTALIST (developer tools, infra, dashboards, technical products)
21
+ - Palette: bg #f0f0f0, surface #f9f9f9, border #202020, accent #e54d2e, text #202020
22
+ - Type: Space Grotesk (display, 700) + JetBrains Mono (body/UI, 400). Headline 4rem, leading 0.95, tracking -0.03em.
23
+ - Layout: hard 2px black borders, zero border-radius, zero shadows. Visible grid lines. Elements butt directly against each other with no gap.
24
+ - Signature move: monospace labels in UPPERCASE with 0.1em tracking. Offset/stacked blocks instead of centered ones.
25
+
26
+ ## 3. LUXURY (hospitality, jewelry, real estate, private services, fine dining)
27
+ - Palette: bg #faf9f2, surface #f2f0e7, border #d8d0bf, accent #71624b, text #3b352b
28
+ - Type: Playfair Display (display, 400) + Lora (body, 400). Headline 4.5rem, leading 1.1, tracking 0.01em.
29
+ - Layout: enormous whitespace, generous 8rem+ section padding. Full-bleed imagery. Content sits low and left, never centered in a card.
30
+ - Signature move: letterspaced small-caps eyebrow text above headings. Thin 1px gold rules. No shadows at all.
31
+
32
+ ## 4. RETRO-FUTURE (music, gaming, crypto, creative tools, events)
33
+ - Palette: bg #1c2024, surface #21201c, border #43302b, accent #ffc53d, text #f1f0ef
34
+ - Type: Syne (display, 800) + Chivo (body, 400). Headline 4rem, leading 1.0, tracking -0.02em.
35
+ - Layout: deliberate dark ground (this is the one archetype where dark is the point, not a reflex). Amber accent used sparingly on one element per viewport.
36
+ - Signature move: thin amber outline on interactive elements. Slight text glow via text-shadow on the hero only.
37
+
38
+ ## 5. SOFT / PASTEL (wellness, education, kids, community, journaling)
39
+ - Palette: bg #f2fbf9, surface #ddf9f2, border #9ce0d0, accent #027864, text #16433c
40
+ - Type: Fraunces (display, 600, opsz soft) + DM Sans (body, 400). Headline 3.25rem, leading 1.15.
41
+ - Layout: large border-radius (24px+) used consistently, never mixed with sharp corners. Rounded blob or arc shapes in the background.
42
+ - Signature move: overlapping soft shapes behind content. Illustrative, generous line-height (1.75) body text.
43
+
44
+ ## 6. INDUSTRIAL (logistics, manufacturing, field ops, B2B operations)
45
+ - Palette: bg #f8faf8, surface #eff1ef, border #d7dad7, accent #cc4e00, text #1d211c
46
+ - Type: Archivo (display, 700, condensed-leaning) + IBM Plex Sans (body, 400). Headline 3rem, leading 1.05.
47
+ - Layout: dense information grid, tight 4px/8px spacing scale. Tables are first-class, not an afterthought. Status uses the orange accent only for exceptions.
48
+ - Signature move: numeric data in tabular-nums. Thin dividers over cards. High information density is the aesthetic.
49
+
50
+ ## 7. CLINICAL (health, finance, legal, compliance, insurance)
51
+ - Palette: bg #f9f9fb, surface #f0f0f3, border #d9d9e0, accent #208368, text #1c2024
52
+ - Type: Source Serif 4 (display, 600) + Work Sans (body, 400). Headline 2.75rem, leading 1.2.
53
+ - Layout: calm, restrained, strictly aligned to a 12-column grid. Nothing decorative. Whitespace does all the separation work.
54
+ - Signature move: serif headings over sans body signals authority without ornament. One accent hue, used only for confirm/positive state.
55
+
56
+ ## 8. ARTISANAL (food, craft, retail, local business, marketplace)
57
+ - Palette: bg #fcf9f6, surface #f6eee7, border #e4cdb7, accent #815e46, text #3e332e
58
+ - Type: Instrument Serif (display, 400) + Manrope (body, 400). Headline 4rem, leading 1.05.
59
+ - Layout: warm paper ground, photography-forward, imagery bleeds past its container. Text overlaps images slightly.
60
+ - Signature move: a hand-drawn-feeling asymmetry. Sections alternate image-left / image-right rather than stacking identical cards.
61
+
62
+ ## SPACING AND SHAPE (Open Props scale; pick one row, hold it)
63
+ - Tight: 4 8 12 16 24 32 48 -- pairs with BRUTALIST, INDUSTRIAL, CLINICAL
64
+ - Standard: 8 16 24 32 48 64 96 -- pairs with EDITORIAL, ARTISANAL, RETRO-FUTURE
65
+ - Generous: 16 32 48 64 96 128 192 -- pairs with LUXURY, SOFT
66
+
67
+ Radius is an archetype property, not a per-component choice: BRUTALIST 0px,
68
+ INDUSTRIAL/CLINICAL 4px, EDITORIAL/LUXURY 2px, ARTISANAL 8px, RETRO-FUTURE 6px,
69
+ SOFT 24px. Use that ONE value everywhere.
70
+
71
+ ## LAYOUT SKELETONS (choose one; not all three-card rows)
72
+ - Split hero: 55/45 asymmetric, content left, single large visual right, no centering.
73
+ - Editorial stack: full-width measured column with alternating margin notes.
74
+ - Data-first: compact header, then the real table or list immediately, no marketing block.
75
+ - Staggered: sections alternate left/right emphasis with unequal widths (60/40, then 40/60).
76
+ - Gallery: one dominant item plus a differently-sized supporting grid, never uniform tiles.
77
+
78
+ ## LICENSE ATTRIBUTION
79
+ Palette values are steps from Radix Colors, MIT License, Copyright (c) 2021-2022
80
+ Modulz, Copyright (c) 2022-Present WorkOS.
81
+ Spacing scale is derived from Open Props, MIT License, Copyright (c) 2021 Adam Argyle.
82
+ Theme structure and role naming follow daisyUI, MIT License, Copyright (c) 2020
83
+ Pouya Saadeghi.
84
+ All named fonts are served by Google Fonts under the SIL Open Font License and
85
+ are free to embed and redistribute.