Skip to content

feat: redesign + add extra pages for extra steps#595

Merged
bartveneman merged 14 commits intomainfrom
chore/page-skeletons
Mar 11, 2026
Merged

feat: redesign + add extra pages for extra steps#595
bartveneman merged 14 commits intomainfrom
chore/page-skeletons

Conversation

@bartveneman
Copy link
Contributor

@bartveneman bartveneman commented Mar 6, 2026

Stap 1 van het redesign gebaseerd op de Figma ontwerpen

UX verbeteringen

  • Na het scrapen van een website kun je eerst nog kiezen welke design tokens je wil meenemen naar vervolgstappen om te prefillen in de comboboxes. Dit doen we door een extra $exension toe te voegen aan elke token na het scrapen die bijhoudt of de token 'staged' is of niet
  • Daarna kom je pas op de pagina om basis tokens in te stellen
  • Template switch zit niet langer in de header maar meer contextueel bij de getoonde template. Voor Chromium een kleine bonus: daar gebruik ik de nieuwe styleable select API voor een veel prachtiger dropdown
  • Navigatie-elementen tonen nu een 'current' item als je op die pagina zit
  • Alle pagina's hebben een footer met extra informatie en links

Known issues

  • Een hoop.

Dit is de eerste, serieuze stap richting een betere gebruikservaring. Komende weken worden nog een hoop verbeteringen doorgevoerd naarmate we zelf beter snappen wat een fijne workflow is.

Technische tweaks

  • sr-only component wordt nu uit clippy-componentes geexported voor hergebruik in theme-wizard-app
  • Na het scrapen van design tokens wordt token-subtype extension font-size toegevoegd aan gescrapete font sizes voor betere filtering in de wizard
  • renderen van token voorbeelden nu opgesplitst in meer, kleinere web componenten voor betere herbruikbaarheid
  • nieuw <wizard-container> element
  • nieuw <wizard-font-sample> element
  • <wizard-page-nav> losgesplitst van wizard-layout
  • <wizard-story-preview> heeft een size property gekregen
  • een hoop <utrecht-paragraph> vervangen voor <p class="nl-paragraph">
  • de scraper e2e tests worden nu geskipt omdat we even moeten uitzoeken hoe de UX van het scrapen precies gaat werken voordat we hier meer energie in stoppen

Before

Screenshot 2026-03-09 at 10 32 34 Screenshot 2026-03-09 at 10 32 47 Screenshot 2026-03-09 at 10 32 57

After

Screenshot 2026-03-09 at 10 30 10 Screenshot 2026-03-09 at 10 31 34 Screenshot 2026-03-09 at 10 31 46 Screenshot 2026-03-09 at 10 32 00 Screenshot 2026-03-09 at 10 32 11

@vercel
Copy link

vercel bot commented Mar 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
clippy-storybook Ready Ready Preview Mar 10, 2026 8:07pm
theme-wizard Ready Ready Preview Mar 10, 2026 8:07pm
theme-wizard-server Ready Ready Preview Mar 10, 2026 8:07pm

Request Review

@codecov-commenter
Copy link

codecov-commenter commented Mar 9, 2026

Codecov Report

❌ Patch coverage is 80.00000% with 1 line in your changes missing coverage. Please review.
✅ Project coverage is 84.50%. Comparing base (573f4a2) to head (6650267).
⚠️ Report is 27 commits behind head on main.

Files with missing lines Patch % Lines
...pp/src/components/wizard-colorscale-input/index.ts 50.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main     #595      +/-   ##
==========================================
- Coverage   88.06%   84.50%   -3.57%     
==========================================
  Files          57       63       +6     
  Lines        1701     1826     +125     
  Branches      378      415      +37     
==========================================
+ Hits         1498     1543      +45     
- Misses        166      231      +65     
- Partials       37       52      +15     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

…ut/index.ts

Co-authored-by: Tim Hilhorst <hilhorstt@users.noreply.github.com>
@sonarqubecloud
Copy link

@bartveneman bartveneman merged commit 29302cd into main Mar 11, 2026
10 checks passed
@bartveneman bartveneman deleted the chore/page-skeletons branch March 11, 2026 07:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants