← ClaudeAtlas

igrantio-usecase-uilisted

Default iGrant.io look and feel for EUDI Wallet (EUDIW) and European Business Wallet (EUBW) use-case frontends, ported at exact values from the iGrant.io use-case SDK and landing page: design tokens, Byrd + Plus Jakarta Sans typography, split layout with sticky stepper cards, uppercase buttons, content card, QR box, status stages, page shell, and strings-driven i18n. Used by default when the user has not specified their own UI or layout.
L3-iGrant/skills · ★ 0 · Web & Frontend · score 73
Install: claude install-skill L3-iGrant/skills
# iGrant.io use-case UI (default look and feel) ## When to use The default chrome for any iGrant.io frontend (`igrantio-issuer-frontend`, `igrantio-verifier-frontend`, or a bespoke use-case UI). Reach for it whenever the user has not specified their own UI or layout. It gives you the iGrant.io navbar, footer, theme, and a small set of primitives so a flow looks on-brand with zero design work. If the user brings their own design system, skip this. Intentionally minimal: a theme, a shell, a few primitives, strings-driven i18n. No component-library sprawl, and no runtime deps beyond what `igrantio-frontend-client` already uses (React peer plus `qrcode`). **Before you build**: run the integrator intake in `igrantio-ows-overview` - environment, API key, tenancy, backend host, webhooks, frontend - one question at a time, a recommended default with each. ## What it provides (`references/`) - **`assets/`** - vendored brand assets: `iGrant_210_55_BW.svg` (the white iGrant.io logo) and `whatsapp.png`. - **`ui/theme.css`** - the single source of truth for every token and use-case style, at exact iGrant.io values: typography (Plus Jakarta Sans body, **Byrd** headings - copy the woff2 files from an iGrant.io deployment's `/assets/fonts/` into `ui/fonts/`, otherwise it falls back to Plus Jakarta Sans), palette, buttons, split layout, stepper cards with the offset-shadow number box, heading scale, content card, step navigation, form fields, QR box, status stages, and the n