← Back to home

Design tour

Screenshots showcasing the redesigned brewscope interface

Home page - Light mode
Brewscope home page in light mode at 1440px

Clean, modern hero section with warm amber accents and clear call-to-action buttons.

Home page - Dark mode
Brewscope home page in dark mode at 1440px

Dark-first design with soft amber accents, excellent contrast, and smooth transitions between sections.

Responsive design - Tablet view at 768px
Brewscope home page tablet view at 768px

Responsive layout adapts elegantly to tablet viewports with optimised spacing and navigation.

Generating screenshots

These screenshots were captured using Playwright, ensuring consistent rendering across multiple viewport sizes:

pnpm test:e2e -- screenshots

Each screenshot verifies the complete design system, typography hierarchy, color palette, spacing, and responsive behaviour.