# NIFYA Subscription Types Redesign Brief

Original page: https://nifya.com/subscriptions/types

Status: mockup-only review. No production code changed.

## Target And Purpose

The target user is choosing a source template before creating a subscription. The page should help them scan official/public source coverage, understand what each source monitors, and start a matching alert quickly.

## Current Issues

- Desktop wastes horizontal space with a single-column list, so only four source types are visible in the first viewport.
- Cards expose status badges but not enough practical context: source family, parser behavior, or primary action.
- The search and tabs work, but the layout does not make the catalog feel browseable.
- Mobile is acceptable structurally, but long source IDs and descriptions need tighter truncation.
- The onboarding modal can block captures/reviews; it must not hide the catalog in design QA.

## Recommended Direction

Use `desktop-mockup-v2.png` and `mobile-mockup-v2.png`.

Desktop v2 converts the catalog into a dense source grid: compact header, integrated search/tabs, quick source-family cards, and 4-column source cards on wide screens. This makes 8+ sources visible immediately while preserving the existing source-template model.

Mobile v2 keeps the same information architecture but compresses the cards into a single-column browse list with strong title, badges, short rationale, and a clear action on the selected/recommended card.

## Implementation Notes

- Replace the desktop list with a responsive grid: `repeat(auto-fit, minmax(245px, 1fr))`, capped to 3-4 columns depending on content width.
- Keep mobile as one column, but clamp source titles and descriptions so cards remain scan-friendly.
- Move search and tabs into a single control panel above the grid.
- Add optional source-family shortcuts: daily bulletins, EU calls, grants, public tenders.
- Add a visible primary action on source cards, ideally `Create alert`, instead of relying on whole-card click behavior only.
- Keep `Approved/System` status badges, but add product-language badges such as `Bulletin`, `EU`, `Grants`, `Tenders`, `Cache diff`, or `No-cache`.
- Show prompt count as secondary metadata; it should not dominate empty/public templates.
- Preserve the current sidebar/header shell to avoid unnecessary navigation churn.

## Risks And Constraints

- Text in these mockups is illustrative; implementation should use real subscription type records.
- Long slugs need display-name normalization or truncation to avoid clipped card headings.
- Dense desktop cards must preserve keyboard/focus states and accessible link/button labels.
- The review mockups are browser-rendered HTML screenshots rather than production UI changes.