Make the next action clear
A brand for procurement and compliance teams who need to see risks, resolve gaps, and keep work moving. Supply chain leads. ESG compliance and carbon follow.
Start with what the customer needs to get done
Which suppliers need attention? What is missing? Which products does it affect? Show the problem, then show the task that resolves it in Coolset.
Use real product patterns, useful examples, and direct language. Keep the existing typography and blue palette. Give the brand a recognisable halftone field and an interaction that reveals the layers behind a product.
- Supply chainEUDR, PPWR and EcoVadis
- ESG complianceCSRD, EU Taxonomy and VSME
- CarbonMeasurement and reduction
Recognise the problem
Start with the work that costs the customer time or leaves them uncertain. Use the words that they use.
Show how the work gets done
Pair each promise with a relevant product view. Show the missing information, the action, and the result.
Make the result credible
Show realistic examples, human review, and the support behind the software. Keep customer proof specific and accurate.
A signature that shows the work
The field gives us texture. The layer reveal gives us a more distinctive interaction, rooted in the product.
Reveal what needs attention
A product opens into its packaging layers. A specific gap comes into view. The next section shows how Coolset helps resolve it.
Use this at key product moments. On PPWR, reveal packaging. On EUDR, reveal the suppliers and origins behind a product.
See it on the PPWR pageA recognisable field
Halftone dots keep the wave shape and the passing light. No text characters. The quieter background grid uses the same dots.
Halftone field
The main pattern. Blue dots gather into a curved band. A short light pass settles after four seconds. Use it on covers, introductions, and closing sections.
Contour alternative
Fine lines converge and separate. Use them to explain connections and trace a route through complex information.
Blue halftone
A quieter texture for photography, report covers, and campaigns. Keep it away from small type.
One consistent language
Use the same type, colors, halftone field, and product detail across the website, reports, presentations, and campaigns.
Coolset Academy · Field guidePackaging,
accounted for
2026
One carton across
your product range
"I liked that Coolset isn’t just another consulting service. We wanted a tool that empowers us to do compliance ourselves."
Joris ZwanenburgESG manager, EyeTi
Three ways to strengthen Academy articles
Compare editorial clarity, evidence presentation, and guided reading. Then see the recommended combination.
Typography
Reckless Light gives headings a calm, distinct voice. SF Pro Display keeps text, controls, and data clear.
Use one display weight. Keep article lines near 65–75 characters. Preserve customer quotations exactly.
Supply chain compliance
under control
Software and support that move work forward
Coolset gives procurement and compliance teams the structure, automation and guidance to manage emissions and meet complex compliance requirements.
Color
Midnight and white lead. Blue connects the details. Keep customer logos and product images in their original colors.
Use green for the product announcement or a real success. Use red for a specific error.
#060851Text, buttons, dark sections
#FFFFFFThe main reading surface
#F9FBFFQuiet secondary surfaces
#EBF1FESelection and image backplates
#1E78FFGrid light and focus
#2F43FFClosing panels and cover treatments
#ED6E33Attention accents and text on midnight
#B43D17Readable attention labels on light surfaces
#FFF1E9A quiet background for attention labels
#1C5AC4Readable links on white
#506080Supporting text
#D8E4FDGrids and boundaries
Orange with a clear purpose
Use orange to draw attention to a gap or an open action. Keep blue as the main brand color.
The bright accent comes from the supplied reference. Use the darker orange for small text on light backgrounds.
Controls and borders
Use 4-pixel corners and a 48-pixel control height. Reserve 8-pixel corners for complete product frames and floating panels.
Use one fine border. A raised frame adds a 3-pixel pale gap and a second outline.
Keep labels direct. Show hover, focus, selected, disabled, and error states. A primary action keeps the same midnight fill on every page.
Product frames and tabs
Let the real product lead. Keep images large and controls quiet. Keep the panel height stable.
Use the tabs or arrow keys to choose a product. Home selects the first tab. End selects the last.
Grid and motion
The header stays at the top. After scrolling, a translucent white surface and an 18-pixel blur keep it distinct from the page.
A quiet dot grid connects the page to the halftone field. One light pass settles after four seconds.
Motion pauses outside the viewport and in a hidden tab. Reduced motion leaves a quiet, complete background.
Use 160 milliseconds for controls and 240 milliseconds for a panel change. Move an action arrow by 3 pixels. Reveal a fine border on interactive cards.
A clear structure
with useful movement
Customer evidence
Every quotation belongs to its customer. Hover, focus, or select a marked logo to read the evidence. Escape closes the card.
Use published images and exact quotations. Link only to a matching customer story.
Trusted by 500+
ESG & compliance leaders
Select a customer logo to read their experience.
Explore customer stories
"I liked that Coolset isn’t just another consulting service. We wanted a tool that empowers us to do compliance ourselves."
"CSRD felt overwhelming at first [...] but Coolset helped me make sense of what to do and where to start."
"The speed of action and continuously up-to-date expertise from the Coolset team, that is truly valuable."
"Coolset’s platform helps us manage the complexity of sustainability reporting and gives us clearer insights into our environmental impact."
"Coolset provides us with the detailed insights that we need to make informed decisions on our sustainability strategy."
"Coolset is exactly what we were looking for; the implementation was fast and effortless, and the platform is exceptionally user-friendly."
"We prefer to figure things out ourselves rather than fully outsourcing. Coolset provides the right balance—guidance without taking over."
"The platform has made collaboration much easier by clearly outlining what information we need and who to involve."
"A pragmatic approach and clear focus. That is what sets Coolset apart."
"Coolset has given us the foundation we need to manage and visualize our impact, aligning our growth with a commitment to sustainability."
"I firmly believe using Coolset will provide us with better insights and allow us to reduce our carbon emissions more effectively."
Forms
Keep labels visible. Use the same fonts, borders, corners, and focus rules as the website.
Show a specific error beside its field. Keep product selections easy to scan and use on a phone.
This is the real preview form. It checks entries locally and sends nothing.
One source for every page
The website and editor share these fonts, tokens, and article styles. Change the shared rule when the design changes.