SELECT / 01
01 / DISCOVER
Swatch explorer
Invite your visitors to browse a curated collection of finishes. Every selection reveals a detailed material portrait, instantly.
MA / 001A new way to experience material.FRAMER COMPONENT 1.0
Atlas®Get the component
Give materials
a voice.✳
Introducing Material Atlas.
An interactive, beautifully considered way to explore surfaces, finishes, and everything in between.
001 / 006Scroll to discover ↓
01 / A CLOSER LOOKMeet the
Meet the
material world.
Six tactile studies are included. Switch materials, compare finishes, or bring your own collection to life.
A CURATED MATERIAL STUDYMATERIAL CULTURE / VOL. 01
INDEX / 001
Material Atlas
An exercise in looking closer.
MAT / ATLAS01 - 06
FIELD NOTE / 001✳
Ceramic
Terracotta
Earth, heat and a little imperfection. The honest character of kiln-fired clay, with a softly mineral surface.
ORIGINMade from the earth
FINISHMatte · Unglazed
REFERENCEMA / 001
COLOUR#B76C4E
MATERIAL PROFILERELATIVE SCALE
Warmth92/100
Resilience67/100
Surface texture84/100
THE COLLECTIONSELECT A SAMPLE TO EXPLORE
FORM IS FEELING. MATERIAL IS MEMORY.© MATERIAL ATLAS / 01
* INTERACTIVE This is the actual component. Try the swatches, arrow controls and comparison pin.
Texture has a story.
Colour has a feeling.
Every detail matters.
GOOD DESIGN STARTS WITH NOTICING.✳
02 / DESIGNED FOR DISCOVERYThree thoughtful
Three thoughtful
ways to explore.
A
B
02 / EVALUATE
Side-by-side comparison
Pin one material, select another, and make differences tangible with paired samples and a consistent technical profile.
WARMTH
RESILIENCE
TEXTURE
03 / UNDERSTAND
Guided material stories
Move through the collection with elegant navigation and editable editorial notes, origins, colour values and profile metrics.
03 / AN OPEN TOOLKITMade for people
Made for people
who make things.
01Architecture & interiors
02Product & industrial design
03Art direction & studios
04Branding & commerce
THE COMPLETE EDITIONOne component.
One component.
Infinite direction.
6 original ready-to-use material studies
Editable swatches and image uploads
Native Framer property controls
Mouse, touch and keyboard interactions
Mobile and responsive layouts
Reduced-motion and canvas-safe rendering
No APIs, subscriptions or paid libraries
Versioned reusable component source
YOUR NEXT PROJECT, REIMAGINED
✳
01
Less ordinary.
More material.
✳
01
LICENSE / SINGLE PURCHASEMaterial
Material
Atlas.
A considered interaction for considered work.
$5USD / ONE TIME
Get Material Atlas ↗Secure checkout via Stripe. Install in Framer with the delivered component link.