From c210a01db5628380ce86134c2d7546f9d70ec917 Mon Sep 17 00:00:00 2001
From: Jakob Wennberg <149234542+jakobwennberg@users.noreply.github.com>
Date: Sun, 26 Jul 2026 14:34:04 +0200
Subject: [PATCH] docs(design): sync design guidance with the shipped system +
 new Stripe mark (#1211)

* docs(design): sync design guidance with the shipped frame-layout system

The design-scan skills and workflow predate the 2026-07 UI migration; they
delegated to .claude/rules/design.md but their inline checklists knew nothing
of the locked conventions, so scans could not flag violations of frame layout,
one-line rows, chips-as-exceptions or .attn. This adds the conventions to
scout-design, loop-design-scan, the /create-ticket design prompt and the
design-scan workflow contract.

design.md itself gets the two post-migration decisions it was missing: the
fiscal-year primitive is FyPicker (ContextPicker chip-dropdown, convention 8),
not the legacy FiscalYearSelector, and the founder-chosen Fonster settings
language (flat hairline rows, switches, dirty-only sticky save bar, 920x680
modal, replaceState tab switching) is now convention 15.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(import): swap the Stripe chip to the current parallelogram mark

Replaces the pre-rebrand Stripe wordmark svg with the current white-on-purple
parallelogram icon (same asset the website repo uses). stripe.svg had exactly
one reference; it is removed rather than left orphaned.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
---
 .claude/rules/design.md                       |   4 +++-
 .../skills/create-ticket/prompts/design.md    |  15 ++++++++++++++-
 .claude/skills/loop-design-scan/SKILL.md      |   7 +++++++
 .claude/skills/scout-design/SKILL.md          |  18 ++++++++++++++++--
 .claude/workflows/design-scan.js              |   9 ++++++++-
 app/(dashboard)/import/page.tsx               |   2 +-
 public/logos/stripe.svg                       |   3 ---
 public/logos/stripeicon.jpeg                  | Bin 0 -> 4431 bytes
 8 files changed, 49 insertions(+), 9 deletions(-)
 delete mode 100644 public/logos/stripe.svg
 create mode 100644 public/logos/stripeicon.jpeg

diff --git a/.claude/rules/design.md b/.claude/rules/design.md
index e98b808f..2cd4676c 100644
--- a/.claude/rules/design.md
+++ b/.claude/rules/design.md
@@ -53,6 +53,7 @@ Decided during the 2026-07 concept work (dev_docs/ui_migration_plan.md); they ap
 12. **Status colors are data, not chrome**: sage/ochre/terracotta only in numbers, exception chips and `.attn`.
 13. **Overlays**: centered modal for create/confirm (template, assistant, confirmations, settings); right slide-over for reviewing an object (Granskning detail). Both with veil, Esc, and click-outside.
 14. **Manual base, AI as opt-in.** Base flows work without AI; AI entry points are clearly labeled discrete choices (e.g. "Skapa med assistenten") and no AI suggestion posts without Granskning.
+15. **Settings speak "Fönster"** (founder-chosen 2026-07-25, applies to every settings tab). Settings content is flat hairline rows, never boxed cards: `SettingsGroup` / `SettingsRow` / `SettingsSectionHeader` from `components/settings/SettingsRows.tsx`. Toggles are switches, not checkboxes. Saving is a sticky bar that fades in only when the form is dirty (`components/settings/SettingsFormWrapper.tsx`); no always-visible save button. The settings surface is a 920x680 modal (`components/settings/SettingsModal.tsx`); switching tabs inside it updates the URL shallowly via `history.replaceState` (`SettingsRail.tsx`), never `router.replace`, which would remount the modal.
 
 ## Design System Tokens
 
@@ -89,7 +90,8 @@ Compact metric cards (e.g. dashboard tiles, salary KPI row) use `p-4`. Detail ca
 | No-data state | `components/ui/empty-state.tsx` `EmptyState` | Don't hand-roll `<div className="flex flex-col items-center py-12">…</div>`. Preset variants exist (`EmptyInvoices`, `EmptyCustomers`, `EmptyTransactions`, etc.). |
 | Loading placeholder | `components/ui/skeleton.tsx` `<Skeleton>` | Don't hand-roll `bg-muted rounded animate-pulse` divs. |
 | Inline help / formulas | `components/ui/info-tooltip.tsx` `InfoTooltip` | Hover-revealed; don't use always-visible info buttons. |
-| Fiscal year picker | `components/common/FiscalYearSelector.tsx` | Don't use raw `<select>` for fiscal periods. |
+| Fiscal year picker | `components/common/FyPicker.tsx` | The chip-dropdown context picker of convention 8 (wraps `ContextPicker`). `FiscalYearSelector` is the legacy pre-frame control: don't add new uses. Never use a raw `<select>` for fiscal periods. |
+| Settings rows / save | `components/settings/SettingsRows.tsx`, `SettingsFormWrapper.tsx` | Fönster language (convention 15): flat hairline rows, dirty-only sticky save bar. Don't hand-roll settings cards or per-field save buttons. |
 
 **Tabular display rules.**
 - All financial values get `tabular-nums`.
diff --git a/.claude/skills/create-ticket/prompts/design.md b/.claude/skills/create-ticket/prompts/design.md
index c2e87b0b..520a2650 100644
--- a/.claude/skills/create-ticket/prompts/design.md
+++ b/.claude/skills/create-ticket/prompts/design.md
@@ -2,7 +2,7 @@
 
 ## Perspective
 
-You are scanning for design and UX issues in the Accounted interface. The app follows an editorial-monochrome aesthetic: paper-white surfaces, hairline borders, serif headlines; considered and quiet. Evaluate against the Accounted design system: achromatic palette (semantic sage/ochre/terracotta are data-only: charts and financial deltas, never chrome), Hedvig Letters Serif display headings, Geist body, generous whitespace, functional (non-decorative) motion.
+You are scanning for design and UX issues in the Accounted interface. The app follows an editorial-monochrome aesthetic: paper-white surfaces, hairline borders, serif headlines; considered and quiet. Evaluate against the Accounted design system: achromatic palette (semantic sage/ochre/terracotta are data-only: charts and financial deltas, never chrome), Hedvig Letters Serif display headings, Geist body, generous whitespace, functional (non-decorative) motion. Since 2026-07 the app uses the frame layout (rounded page panel on a warm `--frame`, pill buttons, flat shadow-free cards); the locked conventions live in `.claude/rules/design.md`.
 
 ## Checklist
 
@@ -15,6 +15,19 @@ You are scanning for design and UX issues in the Accounted interface. The app fo
 - [ ] Icon sizes consistent (15px nav, larger for empty states)
 - [ ] Borders are full-opacity `border-border` on cards/surfaces (no `border-border/60`)
 
+### Locked UI-migration conventions (2026-07, full list in `.claude/rules/design.md`)
+- [ ] Page title via `PageHeader` (24px/32px serif); no hand-rolled `<h1>`
+- [ ] Buttons keep the app-wide pill radius (no per-call-site `rounded-*` on `<Button>`)
+- [ ] Cards flat and shadow-free (`rounded-lg`, hairline border); shadows only on overlays
+- [ ] Table rows are one line; no sub-rows (secondary info in detail view or popup)
+- [ ] Chips mark exceptions only; normal states are muted text, not a Badge on every row
+- [ ] Attention is one `.attn` sentence, not a banner; max one per page
+- [ ] Help behind the "?" popover after the H1; no instructional copy in the page flow
+- [ ] One context picker per page, far right in the toolbar (`FyPicker`/`ContextPicker`)
+- [ ] Actions that post/send confirm up front in a dialog; no outcome text written into the page
+- [ ] `.stagger-enter` on list/table content entry
+- [ ] Settings tabs use the Fönster language (flat hairline rows, switches, dirty-only sticky save bar)
+
 ### Loading & Empty States
 - [ ] Pages have loading states (skeletons preferred over spinners)
 - [ ] Empty states exist with message and CTA when no data
diff --git a/.claude/skills/loop-design-scan/SKILL.md b/.claude/skills/loop-design-scan/SKILL.md
index 557fad52..aab59776 100644
--- a/.claude/skills/loop-design-scan/SKILL.md
+++ b/.claude/skills/loop-design-scan/SKILL.md
@@ -33,6 +33,13 @@ Flag concrete deviations, each tied to `file:line` and a rule:
 - **Motion**: press-scale / hover-lift / spring overshoot (all forbidden); missing `transition-colors`.
 - **A11y**: contrast < AA, icon-only button without `aria-label`, no visible focus ring, touch target < 40px.
 - **UX friction**: unclear labels, redundant `PageHeader.description`, slow paths for the 90-second session.
+- **Locked migration conventions** (2026-07, the numbered list in `.claude/rules/design.md`): sub-rows or
+  two-line rows in list tables; the same Badge on every row (chips mark exceptions only); banners instead
+  of one `.attn` sentence; instructional copy in the page flow instead of the "?" popover after the H1;
+  context picker missing, duplicated, or not far-right (`FyPicker`/`ContextPicker`); per-call-site radius
+  overrides on `<Button>` (pills are app-wide); `shadow-*` on cards; outcome text written into the page
+  instead of an up-front confirm dialog; settings tabs not using the Fönster language (flat hairline rows,
+  switches, dirty-only sticky save bar).
 
 ## 4. Adversarial verification (kill false positives)
 Prefer the **`.claude/workflows/design-scan.js`** workflow: it fans out one agent per page, then runs a
diff --git a/.claude/skills/scout-design/SKILL.md b/.claude/skills/scout-design/SKILL.md
index 6dbda5d7..fdadfd7d 100644
--- a/.claude/skills/scout-design/SKILL.md
+++ b/.claude/skills/scout-design/SKILL.md
@@ -37,6 +37,20 @@ Read ALL files in the resolved scope (pages + components). For each file, evalua
 - Are icon sizes consistent (15px nav, larger for empty states)?
 - Are borders full-opacity `border-border` on cards/surfaces (no opacity-suffixed border classes like `border-border/60`)?
 
+**Locked UI-migration conventions (2026-07; full list in `.claude/rules/design.md`)**
+- Frame layout intact: content lives inside the rounded page panel; no per-page restyling of `MAIN_PANEL_CLASS`, no `window`-scroll assumptions on dashboard pages.
+- Page title via `PageHeader` (24px/32px serif); buttons keep the app-wide pill radius (no per-call-site `rounded-*` overrides on `<Button>`).
+- Cards are flat: no `shadow-*`, `rounded-lg` only; shadows survive only on dialogs/popovers.
+- Table rows are one line; secondary info belongs in the detail view or a click-popup, never sub-rows.
+- Chips mark exceptions only: normal states render as muted text; the same Badge on every row means the chip is wrong.
+- Attention is one ochre `.attn` sentence, never a banner; max one per page.
+- Help lives behind the "?" button after the H1; no instructional copy in the page flow.
+- One context picker per page, far right in the toolbar (`FyPicker` / `ContextPicker` chip-dropdown).
+- Primary action in the page header; actions that post or send confirm up front in a dialog instead of writing outcome text into the page.
+- `.stagger-enter` on list/table content entry (server render and client-fetch alike).
+- Overlays: centered modal to create/confirm, right slide-over to review an object.
+- Settings speak Fönster: flat hairline rows (`SettingsRows.tsx`), switches not checkboxes, dirty-only sticky save bar.
+
 **Loading & Empty States**
 - Does the page/component have a loading state? (skeleton, spinner, or shimmer)
 - Is there an empty state when no data exists? (illustration, message, CTA)
@@ -127,9 +141,9 @@ After creating tickets, list them with their Linear identifiers so the user can
 
 ## Important Notes
 
-- Be specific. "The button looks off" is not actionable. "The primary button in InvoiceForm uses `rounded-lg` while all other forms use `rounded-md`" is.
+- Be specific. "The button looks off" is not actionable. "The primary button in InvoiceForm overrides the app-wide pill radius with `rounded-lg`" is.
 - Reference exact Tailwind classes, component names, and line numbers.
-- Don't flag things that are intentional design choices documented in CLAUDE.md.
+- Don't flag things that are intentional design choices documented in `.claude/rules/design.md` or `DECISIONS.md` (e.g. the LedgerGraph always-dark panel and SalaryCalendar's categorical absence colors are sanctioned exceptions).
 - Don't suggest adding features, only flag design/UX issues with what already exists.
 - Keep findings focused on visual design, interaction design, and frontend polish. Not code quality or architecture.
 - If a component is very small or trivial (e.g., a simple redirect page), skip it.
diff --git a/.claude/workflows/design-scan.js b/.claude/workflows/design-scan.js
index ef724e75..45e9eeee 100644
--- a/.claude/workflows/design-scan.js
+++ b/.claude/workflows/design-scan.js
@@ -22,7 +22,14 @@ status colors via <Badge variant> only (no bg-blue-100 / bg-emerald-500/10 as ch
 primitives PageHeader/Table/EmptyState/Skeleton/InfoTooltip (hand-rolled equivalents are violations);
 Hedvig serif display must NOT be font-medium; financial numbers need tabular-nums; motion is
 transition-colors only (no press-scale/hover-lift/spring); a11y WCAG AA, aria-label on icon buttons,
-visible focus, touch targets >=40px. A "finding" must cite file:line and the exact rule it breaks.`
+visible focus, touch targets >=40px. Locked 2026-07 migration conventions (numbered list in design.md):
+frame layout with pill Buttons (per-call-site rounded-* overrides are violations); cards flat and
+shadow-free (shadow-* on a card is a violation; overlays keep shadows); one-line table rows (sub-rows
+are violations); chips mark exceptions only (same Badge on every row is a violation); attention is one
+.attn sentence, banners are violations; help behind the "?" popover after the H1; one context picker
+far right in the toolbar (FyPicker/ContextPicker); confirm-up-front dialogs, not outcome text written
+into the page; .stagger-enter on list entry; settings tabs use the Fonster row language (flat hairline
+rows, switches, dirty-only sticky save bar). A "finding" must cite file:line and the exact rule it breaks.`
 
 const FINDINGS_SCHEMA = {
   type: 'object',
diff --git a/app/(dashboard)/import/page.tsx b/app/(dashboard)/import/page.tsx
index 91705189..ecedcdfd 100644
--- a/app/(dashboard)/import/page.tsx
+++ b/app/(dashboard)/import/page.tsx
@@ -2098,7 +2098,7 @@ export default function ImportPage() {
                   <ImportRow
                     title={t('stripe_title')}
                     sub={t('stripe_description')}
-                    chips={<LogoChip src="/logos/stripe.svg" name="Stripe" />}
+                    chips={<LogoChip src="/logos/stripeicon.jpeg" name="Stripe" />}
                     disabled={stripeDisabled}
                     onClick={() => setMode('stripe')}
                   />
diff --git a/public/logos/stripe.svg b/public/logos/stripe.svg
deleted file mode 100644
index e1fd0e12..00000000
--- a/public/logos/stripe.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 468 222.5;" xml:space="preserve" viewBox="54 36 360.02 149.84"> <style type="text/css"> 	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#635BFF;} </style> <g> 	<path class="st0" d="M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3 		c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z 		 M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z"></path> 	<path class="st0" d="M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3 		c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1 		c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z"></path> 	<polygon class="st0" points="223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 	"></polygon> 	<rect x="223.8" y="69.3" class="st0" width="25.1" height="87.5"></rect> 	<path class="st0" d="M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z"></path> 	<path class="st0" d="M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135 		c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z"></path> 	<path class="st0" d="M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6 		C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7 		c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z"></path> </g> </svg>
\ No newline at end of file
diff --git a/public/logos/stripeicon.jpeg b/public/logos/stripeicon.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..eb41785695b411903cee7f2f1f2363910bcf3c85
GIT binary patch
literal 4431
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
EFUjX7LjV8(

literal 0
HcmV?d00001