Product fills 85–100%The whole product, nothing else
Pure white ground, front three-quarter view, product fills 85–100% of the frame. No logo, text, badges, props or packaging.
How Suncast looks, sounds and shows up, from the logo to the product page. This site follows the Suncast Brand Identity Guidelines v1.0 in Figma, and adds templates for e-commerce product images.
00Kit of parts
Everything we use to bring the Suncast identity to life.
Wordmark
PhotographyControl the chaos.
Own the game.Messaging
Own the game.Messaging
FriendlySmartCapableConfidentClearPracticalConsideredDurable
Personality
PhotographyAaBbCcDdEe
FfGgHhIiJjKk
0123456789Typography
FfGgHhIiJjKk
0123456789Typography
Our brand
Making everyday spaces work better, inside and out.
The building blocks of the brand: who we are, what we stand for, what sets us apart, our personality, the words we choose and how we show up in the world.
1.1Defining the brand
What is Suncast?Who we are and what we doSuncast builds durable solutions for tools, storage, and outdoor living that make every space work better.
Our propositionOur unique offering; how we describe ourselves to othersSuncast delivers durable, design-forward solutions that bring order, efficiency, and ease to the spaces where people live, work, and gather—inside and out.
Our purposeWhy we exist; the big idea behind our brandSuncast designs durable, design-forward solutions for tools, storage, and outdoor living—bringing order, utility, and ease to the spaces where life happens.
Our visionOur north star; the long-term aspirationTo set the standard for how everyday spaces should work.
Our missionHow we get there; an action-oriented statementWe aim to design and deliver durable, thoughtfully engineered solutions that help people organize, protect, and improve the spaces they use every day.
1.2Brand values
Suncast is the leading U.S.-based designer of resin products for the home. Our outdoor storage and entertaining solutions help you create more beautiful, purposeful, and organized spaces you can enjoy with friends and family.
American Made. Built to Last.
Our products are designed and made right here in the USA using 100% domestically sourced resin. Everything we do is supported by the strength and ingenuity of American workers, and we are committed to helping families make the most of their unique spaces.
Quality You Can Count On
Resin is durable and lightweight, making it right for year-round outdoor use. We use cutting-edge manufacturing techniques to mold this versatile material into a wide range of sturdy and stylish home storage solutions designed to meet the demands of everyday life.
From Our Backyard to Yours
As one of the largest employers in the Western Chicago area, we are proud of our roots and deeply connected with our neighbors. For over 40 years, we have supported a wide variety of local organizations and initiatives in and around our neighborhood.
We’re Focused on Impact
Body copy pending. The Figma draft still carries template text for this value; see the clean-up list.
The “100% domestically sourced resin” and Made in USA statements are claims. Use them only where legal has confirmed them for the product or channel.
1.3Brand personality
FriendlySmartCapable
ConfidentClear
PracticalConsidered
ApproachableDurable
Suncast is confident, capable, and considered, balancing durability with design to create solutions that feel as good as they perform.
We’re the one who has it together: calm, capable, and always ready. The space that feels organized, thought through, and easy to live in.
We bring a sense of order to the everyday. We simplify what feels complicated and make things work the way they should, without the friction. We’re dependable without being rigid. Confident without being loud.
We don’t overcomplicate, and we don’t cut corners. We don’t chase attention; we earn it through consistency, quality, and thoughtful design. Grounded, reliable, and designed to make everyday spaces work better.
1.4Brand voice
We are confident, capable, considered and approachable. The balance shifts with the platform, context and audience.
Approachable
We’re comfortable in our skin and talk to people at eye level, keeping the language simple, conversational and authentic. Human and easy to understand, but never casual or sloppy.
- Approachable, not casual
- Friendly, not forced
- Clear, not complex
Considered
We are confident and proud of our products, real and relatable. Not arrogant, but confident in what we do. Everything we say is intentional, structured, and design-aware.
- Considered, not decorative
- Intentional, not ornamental
- Refined, not overdesigned
Capable
We’re smart and quick. We are dependable and functional. We solve real problems and focus on what works: practical, dependable solutions without unnecessary complexity.
- Capable, not complicated
- Dependable, not overstated
- Effective, not excessive
Confident
We speak with clarity and authority, never overhyped or exaggerated. We don’t hide behind the status quo; we are bold and unafraid.
- Bold, not flashy
- Proud, not arrogant
- Assured, not exaggerated
1.5How we speak
We are clear
We don’t hide behind fluffy marketing-speak, industry jargon or bland clichés. Clear, simple language is how we connect.
- DoChoose simple, inclusive language
- DoUse short sentences and punctuation
- DoMake every word serve a purpose
- Don’tUse technical jargon
- Don’tSay what the reader can already see
We are conversational
We are a human brand, so we speak person-to-person, not company-to-person.
- DoThink of the brand as a person
- DoWrite as you speak; punctuate accordingly
- DoAdapt to the topic, channel and audience
- Don’tBe overly casual
- Don’tSwear or use slang
- Don’tLean on filler words (gonna, kinda, literally)
We are connecting
We zero in on insights that are relevant to our audience. We’re not generic.
- DoDig for relevant human insights
- DoSpeak and write as an equal
- DoShare knowledge in an accessible way
- DoBe mindful of inclusivity
- Don’tFall back on clichés
- Don’tJudge other points of view
1.6Brand messaging
Primary messaging
Making everyday spaces work better—inside and out.
Secondary messaging
- Stay organized. Stay ready.
- Built to last. Made for everyday use.
- Keep everything in its place.
- Designed to fit your space.
- Storage that works the way it should.
Key descriptive messaging
Suncast is the easy way to bring order to the spaces you rely on every day—inside and out.
Our solutions are designed to help you store, organize, and protect everything from tools and equipment to everyday essentials. From sheds and deck boxes to indoor storage and outdoor living solutions, Suncast makes it simple to keep your space working the way it should.
We remove the friction of clutter and disorganization—so you can spend less time managing your space and more time using it.
Store what you need, where you need it. Built to last. Ready for everyday life.
Organized.Confident.Durable.
Campaign lines in use
From chaos to controlPoster series · all caps, three words or fewer per line
Control the chaos. Own the game.Sports Locker social and stories
Designed to fit your space.Brand campaign · Cosmos, Cream, Light Dove
The Daily Mess. The Daily Win.Before and after pairs: “Same chaos, every day.” / “Drop it. Store it. Done.”
Connectible, because life keeps growing.Feature line for modular products
Adaptable, because storage should be.Feature line for configurable products
Our logo
Our most immediate signature.
The logo is the central element of the visual system and the same on every channel. Use the master files every time; never rebuild or retype it.
2.2Logo hierarchy
Logo · primary mark
The wordmark with ®. The default for external communications, and anywhere brand recognition is low.
Icon · secondary mark
The “S”. For favicons, social avatars, app tiles, product and places where recognition is already high.
2.4Clearspace and minimum size
xx
Keep clear space equal to 100% of the logo height on every side. The same rule applies to the icon. Minimum height: 20 px on screen, 6 mm in print.
28 px · OK
2.5Icon usage
Favicon and app tile
Margin equals one third of the icon size, so it has room to breathe.
Social avatar
In social we never shout: the icon is a little smaller and sits slightly right of center so it reads optically central.
2.6Logo color usage
Six approved logo colorways. If color isn’t possible for technical reasons, or competes with other elements, use the black or white logo.
1
2
3
4
5
6Icon on the wider palette
Deep in a marketing application, the icon can take secondary palette colors. Pick the pairing with the most contrast against the surrounding elements.
2.7Logo placement
A corner placement keeps the logo visible without taking much room, especially in digital. Center it when the layout calls for it, with plenty of space and optical alignment.
Bottom right is the default for layouts built on the grid (chapter 05).
2.8Logo misuse
Suncast
Color
Grounded in a refined palette.
Cosmos Blue anchors the system, supported by neutrals, deep tones and a few bright accents for contrast. Restraint keeps the focus on product and function. Select a swatch to copy its HEX.
Primary palette
Use in all brand communicationsSecondary palette
Lights, darks and brights for limited circumstances, always with the primary paletteNeutrals and utility
Digital surfaces, UI and alertsValues come from the Figma master palette sheet and file variables. Where Figma pages disagree, the clean-up list in chapter 11 records it.
3.6Color balance
Cosmos Blue 60%
Cream 30%
Dove 10%
In a three-color piece, Cosmos Blue takes about 60% of the area and Cream 30%. Light Dove is the accent that highlights the logo.
3.6Approved two-color pairings
3.7Contrast on brand grounds
WCAG 2.1 ratios, computed. AA needs 4.5:1 for body text and 3:1 for large text (24 px, or 19 px bold) and interface parts.
| Ground |
|---|
WatchTwo pairings in the Figma draft fail: Light Dove text on Vanilla pills (1.09:1, messaging page) and Sky on Electric (1.13:1, kit of parts). Use Claret on Vanilla and Cosmos on Electric instead.
3.7Color misuse
ABC
Typography
Clear, bold and legible at every size.
Scandia carries the brand voice; DIN 2014 carries structure and detail. Expression comes from layout, scale and restraint, not from piling on weights.
On this pageScandia and DIN 2014 are licensed fonts. If they are installed on your computer this site uses them; otherwise it shows DM Sans and Barlow as web stand-ins. The specimen images below are set in the real faces.
4.2Primary typeface · Scandia
- Use for
- Display headlines, headlines, subheads, introductory paragraphs, labels and buttons
- Weights
- Light, Regular, Medium, Bold
- Weight rule
- Create contrast by skipping a weight. Avoid pairing neighbors such as Regular with Medium.
- Default
- Always default to Scandia. It is the face of the brand on every touchpoint.
4.3Secondary typeface · DIN 2014
- Use for
- Body copy, captions, small titles, technical information, specs and dimension numerals
- Weights
- Light, Regular, Medium, Bold, Black
- Role
- Brings order and discipline. Dependable and unobtrusive, never competing with Scandia for attention.
- Email and Office
- Arial stands in where brand fonts can’t be embedded (email signatures, shared documents).
4.6Type hierarchy
Display headlineDesigned to fit your space.Scandia Bold · 80% leading · −10 tracking · example 90 pt / 72 pt
HeadlineStay organized. Stay ready.Scandia Medium · 100% leading · −20 tracking · example 72 / 72 pt
Subheading and introKeep everything in its place, inside and out.Scandia Medium · 110% leading · −5 tracking · example 36 / 39.6 pt
LabelTitle subsections in all capsScandia Medium, all caps · 120% leading · +100 tracking · example 16 / 19.2 pt
BodyWe remove the friction of clutter and disorganization so you can spend less time managing your space and more time using it.DIN 2014 Regular · 120% leading · 0 tracking · example 16 / 19.2 pt
CaptionImages feature digitally rendered individuals.DIN 2014 Regular · 120% leading · 0 tracking · example 8 / 9.6 pt
Size relationship: subheads are no larger than 50% of the headline size, and body copy no larger than 50% of the subhead cap height. All-caps headlines use Scandia Bold, three words or fewer, at 80% leading.
4.5Setting type
Pick a role and a size. The setter applies the leading and size-based tracking rules and gives you the CSS.
Tracking by size: 0–19 → 0 · 20–39 → −5 · 40–59 → −10 · 60+ → −20. Kerning: Metrics.
Built to last. Made for everyday use.
- Leading
- 48
- Tracking
- −10
- Face
- Scandia Medium
4.8Type misuse
Making everyday spaces work better, inside and out. Store what you need, where you need it.
Stay organized. Stay ready.
Making everyday spaces work better, inside and out. Store what you need, where you need it.
Making everyday spaces work better, inside and out. Store what you need, where you need it. Built to last.
Making everyday spaces work better, inside and out. Store what you need, where you need it.
Making everyday spaces work better, inside and out.
Grid system & layouts
One margin formula for every format.
Take the longest side of the format and divide by 25. That margin scales with every application, from a story to a 40-inch litho.
- Margin
- 88
- Logo width
- 176
- Columns
- 3
Logo width is 2× the margin, per the Figma rule. Figma’s own examples set it wider (about 4–6×), so this is on the clean-up list. E-commerce images use 4× (chapter 09).
- HeadlinesThe cap height touches the top margin; ascenders may rise above it. On wide banners, scale the headline to the banner height. On vertical formats, the longest line runs margin to margin.
- SubheadsNo more than 50% of the headline size. Set it beside the headline’s second line, at the headline’s width, or across two of three columns.
- LogoBottom right by default. Increase it for billboards at the designer’s discretion.
- PhotographyHalf-frame or full-frame. Keep the margin between text frame and photo; full-frame type needs enough contrast.
Iconography
Straightforward, simple, accessible.
Icons distill an idea into a simple form. Most sit on neutral backgrounds; color shows whether they are interactive or informational.
6.2Feature icons
Eight feature icons for packaging, listings and product pages. Use one only when the product has the feature; the label is set in Scandia, all caps.
6.2Badges and seals
Made in USA
Navy, white and grey versions. Use only on products that meet the FTC’s “all or virtually all” standard, steel frames and hardware included, with legal sign-off.
Limited warranty seals
10, 5 and 3 years, set in English, French and Spanish. Use the seal that matches the product’s actual warranty term.
Photography
Bright, natural and uncluttered.
Uncluttered backgrounds or a shallow depth of field make the product stand out. Strong contrast, minimal styling and room for a headline. Products appear as both hero and supporting elements.
Lifestyle
Familiar and recognizably American. Not too fancy, not trying too hard to make a statement. A sense of environment without distraction: inspired but accessible, with products featured tastefully so everything feels like home.
Renders and technical callouts
Renders sit on seamless light sweeps for clarity. Technical images use a Cosmos field, a single callout per feature with a feature icon, a dotted leader line and a short label in Scandia caps, plus any footnote (“*Lock not included”).
Do Shoot it
- Bright, natural light and true product color
- Real people mid-use, not posing for the camera
- Leave clear space for headlines
- Label AI-generated people: “Images feature digitally rendered individuals.”
Don’t Avoid it
- Busy, cluttered backgrounds that compete with product
- Heavy filters or color grades that shift product color
- Props that suggest accessories not included in the box
- Stock imagery with no Suncast product in it
Application
One visual language across every touchpoint.
Online, offline, in store or outdoors, every application follows the same system: logo, type, color, grid and imagery.
8.1Instagram posts · 1080 × 1080 and 1080 × 1350 px
Headline in Scandia Bold caps top left, a small “learn more →” link, logo bottom right or vertical on the right edge. Before-and-after pairs use “The Daily Mess” and “The Daily Win”.
8.2Instagram stories · 1080 × 1920 px
8.4Business cards
Full NameTitle
+1 000 000 0000
name@suncast.com
+1 000 000 0000
name@suncast.com
701 North Kirk Road
Batavia, IL 60510
(800) 846-2345
www.suncast.com
Batavia, IL 60510
(800) 846-2345
www.suncast.com
Full Name Title+1 000 000 0000 | name@suncast.com701 North Kirk Road, Batavia, IL 60510
(800) 846-2345
(800) 846-2345
WWW.SUNCAST.COM
Sizes 90 × 55 mm, 85 × 55 mm or 89 × 51 mm, all with the same margins. Print on premium uncoated white stock, 300 gsm minimum. Name and URL in Scandia Bold; title, address and contact details in Scandia Regular.
8.5Email signature
Full Name
Title
Suncast Corporation
701 North Kirk Road, Batavia, IL 60510
name@suncast.com · +1 000 000 0000
www.suncast.com
name@suncast.com · +1 000 000 0000
www.suncast.com
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material.
Name Arial Bold 12 pt · title Arial Regular all caps 12 pt · body Arial Regular 12 pt · disclaimer Arial Regular 9 pt · logo in Cosmos Blue.
8.6Packaging
Litho general guidelines
- LengthKeep lithos under 40 in. where possible to control cost.
- DocumentBleed 0.125 in.; slug 2 in.
- Die lineInclude a layer with the die line and dimensions, in magenta.
- Image layout0.25 in. gap between images and to the outside edge; corners rounded at 0.125 in.
- Image captionsScandia Medium, sentence case.
- Captions with titlesTitle Scandia Medium, Title Case; subtitle Scandia Regular, sentence case.
- Dimension imageOn every litho; dimension text in DIN Medium.
- Color swatchesUse print LAB values per color from the library. Black uses the “Black Plastic” swatch.
- AI disclaimer“Images feature digitally rendered individuals.” wherever AI-generated people appear.
New in this edition
E-commerce product images.
One eight-image stack for every retailer listing, built from the litho system so the box, the listing and the website tell the same story. Each template below is live: switch on the guides, preview it in a listing, and filter by retailer.
How the stack works
Two silo images on pure white lead every listing because every retailer requires them. Six branded images follow, each doing one job: show the details, list the features, give the size, show it in use, prove the build and show the color options.
Author every image on one 2,200 px square master. It meets Walmart’s recommended size and clears every other retailer’s zoom minimum, so one export set covers all five.
Master specification
- Canvas
- 2,200 × 2,200 px, 1:1
- Color
- sRGB, 8-bit
- File
- JPG, under 5 MB (PNG where accepted)
- Silo ground
- Pure white, RGB 255 / 255 / 255
- Margin
- 88 px (2,200 ÷ 25)
- Gutter / radius
- 44 px gap · 40 px panel corners
- Logo
- 352 px wide (4× margin), branded images only
- Smallest text
- 56 px (44 px for legal lines)
- File name
- GTIN-14 + slot, e.g. …_01_MAIN.jpg
Product fills 85–100%Product fills 85–100%Open, back or second angle
Same white ground and lighting as the main image. Show the interior, an open lid or a second angle so shoppers see how it works.
Smart hinges
Lockable lid
Lifestyle with magnified details
One in-context photo plus up to three circle insets of real details. Captions in Scandia Medium, sentence case, on Cosmos pills.
Built to last. Made for everyday use.
All weatherLockableEasy assembly
Low maintenanceUp to four feature icons
Cosmos field, one headline from approved messaging, four feature icons, the product on a Cream panel. Badges only when the ledger allows.
Assembled dimensions
XX.X in.
XX.X in.
Depth XX.X in.
XXcu. ft. storage
capacity
XX.X in.
XX.X in.
Depth XX.X in.
Actual size, on every listing
Cream ground, height and width lines, depth as a line of text. Actual measurements, not nominal ones, in DIN Medium. Capacity in Scandia Bold.
Ready for any event
Images feature digitally rendered individuals.
The product doing its job
A real scene, people mid-use. One short caption pill at most. Logo in Cosmos or Cream, whichever is clearer. Add the AI line when needed.
Lockable LatchPadlock not included.
One feature, one image
Close-up on the right, the feature on Cosmos at left: icon, a title in Title Case and a sentence-case subtitle for the fine print.
Available in 2 colors
BlackLight French Gray
Every finish, named the same way everywhere
Light Dove ground, the shown color ringed. Color names match the retailer’s variation names exactly.
Sample content. Products, captions, colors and “XX” values in these templates are placeholders. Every value comes from the SKU’s spec sheet and claims review.
9.2Preview in a listing
See the stack the way a shopper scrolls it. This is a generic product page, not any retailer’s.
Suncast
Product name exactly as listed by the retailer
01 · Main
9.3Retailer requirements
What each retailer publishes about product images. Confirm against the retailer’s vendor portal before each production run; requirements change.
| Retailer | Main image | Size | Files | Other rules | Source |
|---|---|---|---|---|---|
| Amazon | Pure white (RGB 255); product fills 85–100% of frame; no text, logos, badges or watermarks; not in packaging unless consumable | ≥ 1,000 px longest side for zoom; 1,600+ optimal | JPEG preferred; PNG, TIFF, GIF accepted | Secondary images may show use, details, angles and size comparisons | Seller Forums standards post, 2026 |
| Walmart | Seamless white (255/255/255); cropped close; no watermarks, name or logo; no accessories not included | 2,200 × 2,200 px; zoom min 1,500 × 1,500; 1:1 | JPEG, PNG, BMP; RGB; 8-bit; ≤ 5 MB; GTIN-14 in file name | No claims or promotional language in images; no retailer logos; English only; 4+ images; swatches 100 × 100 px; AI images must be truthful | Marketplace Learn, updated May 12, 2026 |
| The Home Depot | Product only, no props; plain white (#F5F5DC allowed for white products) | ≥ 1,000 × 1,000 px for zoom | .jpg only; video .mp4 | Lifestyle images strongly recommended; color swatches required for Super SKUs grouped by color; 360° spins via Vendaria | THD “Perfect SKU” guide, undated |
| Lowe’s | Front-facing silo on pure white 255 | Set in Lowe’s Content Standards (vendor access) | Per Content Standards | Image types: front facing, silo alternate angle, silo in packaging, detail, room, vignette, swatch, dimensions (actual, not nominal) | Lowe’s Image Type Examples via Syndigo, Sept 2021 |
| Wayfair | Mix of silhouette (silo) and environmental shots | ≥ 1,000 × 1,000 px; 2,000 × 2,000 recommended | Not stated | 2+ images; types: silo, zoomed-in and zoomed-out environmental, functional, dimensional | Sell with Wayfair: Imagery 101, Aug 10, 2023 |
Amazon’s own help page (Seller Central G1881) needs a seller login and wasn’t read for this edition; the figures above come from Amazon’s moderated Seller Forums post. Home Depot lists white as “#FFFFF”, a typo for #FFFFFF.
Which slots go where
| Slot | Amazon | Walmart | Home Depot | Lowe’s | Wayfair |
|---|
● use as designed · ▲ adjust before upload (filter by retailer above for the note)
9.4Claims on product images
- Made in USA badgeOnly on SKUs that meet the FTC’s “all or virtually all” standard, steel and hardware included, with legal sign-off.
- Warranty sealThe seal must match the SKU’s actual warranty term: 10, 5 or 3 years.
- Feature iconsShow a feature only if the SKU has it. Use the icon’s exact label.
- Dimensions and capacityActual assembled measurements from the spec sheet, not nominal sizes. Same values as the listing text.
- PeopleWhen AI-generated people appear, add “Images feature digitally rendered individuals.”
- No promotionsNo prices, “sale”, “best seller”, ratings or retailer names and logos on any image.
9.5File names
12-digit UPC padded to GTIN-14.
Walmart recommends the 14-digit GTIN in the file name. Using it everywhere keeps one export set for all retailers.
9.6Before you upload
Tokens
The Figma variables, ready for code.
Color and type tokens exported from the Figma file’s variables, with the master palette values. Copy them into the site theme or any build.
Figma clean-up
What to fix in the Figma draft.
The Figma file is marked Draft and still carries copy from the template it started from. This site uses the corrected version shown in the last column; fix these in Figma so both sources agree.
PageAreaIn FigmaUsed on this site