\DESIGNSORCERY>_

Supy | Restaurant Inventory Software For Multi-Branch F&B

Video · Dark

Design System Inspiration

Supy — extracted via DESIGN.md

Food & Beverage · Restaurant inventory management

dark-theme clean corporate typographic minimalist sticky navigation hero section with clear CTA scroll-triggered animations card-based feature display

Typography

Fustat

Heading

Aa Aa Aa Aa

Fa 400

Body

Aa Aa Aa Aa

Color palette

TL;DR

Supy utilizes a high-contrast palette of deep violet (#503390) and near-black (#18181b) against a clean, off-white foundation (#fafafa). The typography is dominated by **Fustat**, a contemporary sans-serif that balances technical precision with high legibility across a wide range of weights (400–700). Interactive elements are defined by a specific 6.08px border radius and consistent 1px borders, while structural cards utilize a softer 10.08px or 16px radius. The system uses saturated amber (#fcd34d) as a high-voltage hover state for primary actions, creating a distinct "active" energy within a professional SaaS framework.

Target audience

The target audience is multi-branch restaurant owners and managers seeking a sophisticated, data-driven software solution to optimize inventory and operations.

Full tech stack

cdnjs Cloudflare DoubleClick Floodlight Facebook Pixel Google Analytics Google Tag Manager HubSpot HubSpot Analytics jQuery jsDelivr Unbounce Unpkg YouTube

Analytics

HubSpot Analytics Google Tag Manager Google Analytics Facebook Pixel

Meta description

The data-driven restaurant inventory software: get real-time insights to cut costs, reduce waste, and boost profits for multi-location operations.

Brand Voice

Supy sounds like a high-performing operations manager: authoritative, efficient, and deeply focused on the bottom line.

Positioning

Supy is the "operating system" for multi-branch restaurant groups. It provides back-of-house automation for procurement, inventory, and food cost control to help F&B leaders increase margins.

Voice principles

  • Operational: Uses industry-specific language (BOH, requisitions, variance) to show deep domain expertise.
  • Action-Oriented: Focuses on what the user can do (cut, reduce, stop, take control) rather than just what the software is.
  • Direct: Uses short, punchy sentences that prioritize clarity and speed over fluff.
  • Empowering: Positions the software as a tool that gives the user "visibility" and "control" over their data.

More SaaS Designs

← Back to Gallery