Skip to content

Industrial materials

Industrial materials. Circular supply chains.

The visual identity, voice, and usage guidelines for [Set in Settings → Organization]. Geometric restraint. Real materials. Technical confidence.

Version

v1.0

May 2026

Colour · Typography · Brand mark · Lockup · Voice · Buttons · Hard rules · Company

01 — Colour

Two surfaces. One accent.

Every page is built on one of two surfaces. Ink for authority, Paper for reading. Ochre is the single accent; it appears on CTAs, stat numbers, and active states only.

Ink#0F2A1D
Paper#FBF8F1
Ochre#C2622A
Rust#9A4818
Moss#2D4A3A
Bark#1A1815
Cream#F5F1E8
Sand#E8DEC8
Mist#D4CCB8
TokenHexUsage
var(--ink)#0F2A1DPrimary surface, headers, nav
var(--paper)#FBF8F1Reading surface, body content
var(--ochre)#C2622AAccent, CTAs, stat numbers
var(--rust)#9A4818Ochre hover state only
var(--moss)#2D4A3ASecondary Ink surface, dividers on Ink
var(--bark)#1A1815Body text on Paper
var(--cream)#F5F1E8Card backgrounds on Paper
var(--sand)#E8DEC8Borders and dividers on Paper
var(--mist)#D4CCB8Subtle borders, disabled states

02 — Typography

Two fonts. No others.

Space Grotesk carries all display, heading, and body text. Geist Mono is used exclusively for eyebrow labels, codes, specs, and technical metadata. Never mix them with any other typeface.

Display XL

Space Grotesk 600 · 64px · −0.03em

Industrial materials.

Display L

Space Grotesk 600 · 48px · −0.025em

Talk to procurement.

H1 · 40

Space Grotesk 600 · 40px · −0.02em

Material categories

H2 · 32

Space Grotesk 500 · 32px · −0.015em

Six divisions, one chain

Body · 16

Space Grotesk 400 · 16px · lh 1.55

Resycal processes post-consumer plastic waste into durable infrastructure products. Our six divisions cover the full supply chain from collection through to certified delivery.

Eyebrow

Geist Mono · 11px · 0.22em · CAPS

Circular Economy · Infrastructure

Mono label

Geist Mono · 10px · 0.18em · CAPS

GSTIN · 27AAACR1234F1Z5 · Mumbai
RoleFontWeightNote
Display / headingsSpace Grotesk600 / 700Sentence case always
BodySpace Grotesk400Line-height 1.55
Eyebrow labelsGeist Mono400ALL CAPS · 0.18–0.22em tracking
Wordmark "Resycal"Space Grotesk600Custom letter-spacing
"INDIA" sub-labelGeist Mono4000.42em tracking · ALL CAPS

03 — Brand mark

The geometric R.

The R mark is the sole iconographic element. It is built from geometric planes, not curves. It does not represent recycling; it is the company initial made structural. Never use leaf, globe, or recycle iconography.

On Ink

On Paper

On Ochre

Minimum sizes

ElementMinimumReason
R mark alone24px / 8mmBelow this it is illegible at print
Wordmark40px / 14mmMinimum for "Resycal" text legibility
Horizontal lockup120px / 40mmMinimum for mark + wordmark + INDIA

Clear space rule

Maintain clear space equal to the cap-height of the “R” on all four sides. No other graphic elements, text, or imagery may enter this zone.

04 — Lockup and logo variants

Mark and wordmark combined.

The primary lockup combines the geometric R mark with the wordmark and INDIA sub-label. Three logo families are available: the geometric wordmark, the script-style ink wordmark, and the horizontal lockup. Each exists in an Ink (dark) and Paper (light) variant.

Horizontal lockup

Resycal lockup on ink

Paper · on Ink

Resycal lockup on paper

Ink · on Paper

Geometric wordmark

Geometric wordmark on ink

Paper · on Ink

Geometric wordmark on paper

Ink · on Paper

Ink wordmark

Ink wordmark on paper

Ink wordmark · on Paper

Ink wordmark on sand

Also works on Sand

R mark

R mark white SVG

White · on Ink

R mark ink SVG

Ink · on Paper

R mark on ochre

White · on Ochre

VariantComponentsWhen to use
Horizontal lockupMark + divider + Wordmark + INDIAPrimary application. Presentations, letterheads.
Geometric wordmarkWordmark text only, geometric styleNav bars, footers, when mark appears separately
Ink wordmarkClassic wordmark textPrint, formal documents, co-branding contexts
R mark onlyGeometric R aloneApp icons, favicons, social avatars, small contexts

05 — Voice

Plain, specific, confident.

Copy reads like a well-prepared vendor presentation: specific numbers, verified certifications, and active verbs. It does not read like a pitch deck.

Avoid

  • Passionate about recycling
  • Mission-driven organisation
  • On a journey to sustainability
  • Empowering eco-friendly choices
  • Best-in-class solutions
  • World-class infrastructure
  • We are committed to...

Use instead

  • 12,400 tonnes processed annually
  • Six divisions, one supply chain
  • ISPM-15 certified. Certificate per consignment
  • Packaging that performs. Then composts.
  • Plastic waste, transformed into infrastructure.
  • 400gsm uncoated. Matte laminate.
  • Resycal recycles 12,000 tonnes of...
PrincipleGoodBad
Numbers over adjectives"12,000 tonnes""Large volumes"
Specific over vague"ISPM-15 certified""Certified products"
Active voice"Resycal processes""We are committed to processing"
Sentence case"Industrial materials.""Industrial Materials"
Period on headlines"Six divisions, one chain.""Six divisions, one chain"

06 — Buttons

Three variants. No rounding.

All buttons use 0px border-radius, 2px borders, and a solid offset shadow on primary CTAs. Button text is Space Grotesk 600, sentence case. Mono caps only for purely technical actions like export commands.

VariantStyleWhen to use
Primarybg-ochre + 4px ink shadowMain call to action per view
Secondarybg-ink + 4px ochre shadowSupporting actions on Paper
Ghostborder-ink + 3px ink shadowTertiary, alongside primary
Destructivebg-rust + 4px ink shadowConfirm-only dialogs

07 — Rules

Hard constraints.

No rounded corners

Buttons, cards, inputs, images. All sharp 90° corners. No border-radius anywhere.

No leaf / globe / recycle

The R mark is the only iconographic element. Generic eco icons contradict the brand.

No em-dashes

Use commas or periods. Em-dashes feel editorial; this brand is operational.

No exclamation marks

Confidence does not need exclamation. Period.

No Title Case headings

Sentence case only. "Six divisions" not "Six Divisions".

No saturated greens

No #22c55e, no kelly green, no lime. The brand colour is Ink, not "eco".

No gradients

Flat surfaces only. Gradients soften edges; this brand is hard-edged.

No drop shadows on UI

Solid offset shadows only. Drop-shadows read as generic SaaS.

Two fonts only

Space Grotesk + Geist Mono. No Inter, Helvetica, Roboto, or any other.

No "tonnes" variants

Always "tonnes". Never "tons", "MT", or "metric tonnes".

08 — Company

[Set].

FieldValue
Legal name[Set in Settings → Organization]
GSTIN
CIN
PAN
Registered addressIndia
Main phone
General email
Website

Edit at Settings / Organization. All artifacts regenerate immediately.

Resycal

[Set in Settings → Organization]. Brand guidelines v1.