TORO MAIN TOUCH SCREEN

Signature hero + Classic info bar — the one we're building

B's bold teal gradient hero header with TORO branding and tile categories, combined with A's clean info-chip top bar (time, weather, SMS, 21+, user) separated by dividers. Collapsible icon sidebar, inline +/- quantities, tiered action buttons.

Hero Header Info Chips Tile Categories Collapsible Sidebar ★ 3 Themes

Closest to the current layout. Clean top bar, 3-column with table list, collapsible icon sidebar. The safe, easy-transition choice.

3-Column Table List Familiar ★ 3 Modes

Big TORO branded hero header with teal gradient. Maximum brand presence. 2-column tile categories with emoji icons. Signature inverted total strip.

Hero Header Tile Categories Brand-Heavy ★ 3 Modes

Square/Toast inspired. Products as CARDS in a grid, not a table. 2-column layout. Bottom action bar with huge touch targets instead of right-panel buttons.

Product Cards Bottom Bar Touch-First ★ 3 Modes

Bold two-tone split. Dark browse side on the left, light checkout side on the right. Glowing teal divider line. Dramatic contrast keeps focus on the transaction.

Two-Tone Glowing Divider High Contrast ★ 3 Modes