Digital icons set and color specs

Summary

A digital-icon reference page: a labeled grid of solid brown UI icons (curbside pickup, dine-in, takeout, drive-thru, sign-in, order, reorder, more, profile, home, offers, plus S/M/L size markers) on cream, with a left column of usage rules and an ops color key.

Visual description

Warm cream background with the running header and page "116." The left column has a bold brown "Digital Icons" heading and serif paragraphs covering the updated icon style, the 20x20px maximum on web and app, and that the primary digital icon color is BBQ Brown except for S/M/L variants. A small "Ops Color Specifications" key lists Value equals No color, Small equals Fiery Red, Medium equals Flaming Orange, Large equals BBQ Brown. The right area is a clean grid of chunky brown UI pictograms, each captioned ("Curbside Pickup," "Dine-In," "Takeout," "Drive-Thru," "Sign-In," "Order," "Reorder," "More," "Profile," "Home," "Offers"), filling two rows, with a third row showing red "S," orange "M," and brown "L" circle badges. A two-line legal note sits in the footer.

Key takeaway

Extending one icon language from packaging into the digital product, shown with the same captioned-grid layout used for the operational icons, so print and screen icons read as one continuous family. The compact color key that maps size tiers (S/M/L) to specific brand colors is a tidy way to encode a sizing-plus-color rule in a few lines.

Reuse notes

Use as the digital or UI half of an icon system, mirroring the print icon page for consistency. The captioned grid plus left-column rules panel is the deck's standard icon layout and transfers cleanly. Real product icons usually need finer strokes than these chunky shapes, so confirm legibility at the stated 20px before shipping.