The Sculpted Peaks palette is drawn from stone, earth, and aged brass. Every tone is rooted in the natural materials of the work: charcoal granite, warm limestone, and the warm oxidised gold of metal fixings. Use these colours deliberately and consistently across every brand touchpoint.
Primary: Stone Black
Primary Dark
#1A1A1A
Cover backgrounds, darkest surfaces
Stone Black
#212121
Main text, headings, primary CTA buttons
Hover Dark
#3A3A3A
Hover states on primary buttons
The Stone Black family anchors the brand in authority and permanence. Use Primary Dark for cover backgrounds and the deepest surfaces; Stone Black for all body copy and primary CTAs on light backgrounds.
Accent: Gold
Warm Gold
#AB8C52
Secondary CTAs, star ratings, section accents, badge highlights
Gold Deep
#8F7444
Hover on gold elements, footer bottom bar
Gold Wash
#F2E4C8
Light accent backgrounds, callout tints
Warm Gold references the brass hardware used in bespoke sculpture plinths and wall fixings. It brings warmth and craft to an otherwise restrained palette. Use sparingly for maximum impact.
Backgrounds
White
#FFFFFF
Product cards, review cards, pure white surfaces
Warm Off-White
#FCFBF9
Standard page background (most common)
Alt Background
#F3EFE7
Alternating sections, review blocks, email signup
Warm Sand
#E3D5BD
Announcement bar background
The background tier moves through barely-there warmth toward visible stone tones. Warm Off-White is the default page canvas. Use Alt Background for visual rhythm in longer layouts.
Surface & Footer
Medium Stone
#A3957A
Footer background, small editorial spotlights
Footer Dark
#8F7444
Footer bottom bar (one step darker)
Medium Stone and Footer Dark bring the warmth of aged limestone to structural elements. Use sparingly to ground the layout without competing with the primary dark family.
Borders & Badges
Border Standard
#D1CDC4
1px borders throughout: cards, inputs, tabs
Border Strong
#BEB7A7
Card borders, outline buttons
New Arrival Badge
#E2DDD3
Soft stone chip background
Custom Badge
#D7D3CA
Cool stone chip background
Borders are warm-toned, never cold grey. They recede from the composition rather than asserting themselves. Use Border Standard as the default; Border Strong only where the boundary needs to hold against a mid-tone surface.
02
Section 02
Typography
Two complementary typefaces form the full typographic system. Poppins handles all display and heading work with geometric confidence. Figtree carries body copy with warmth and legibility at every size. Neither font should appear in the other's role.
Heading Typeface
Poppins
Aa
Aa
300 Light
Aa
400 Regular
Aa
500 Medium
Aa
600 SemiBold
Aa
700 Bold
Aa
900 Black
Body Typeface
Figtree
Aa
Aa
300 Light
Aa
400 Regular
Aa
500 Medium
Aa
600 SemiBold
Aa
700 Bold
Aa
800 ExtraBold
Aa
900 Black
Type Scale
Display
Sculpted Peaks
64px / Poppins SemiBold 600
H1
Handcrafted to Order
48px / Poppins SemiBold 600
H2
Stone & Substance
36px / Poppins SemiBold 600
H3
The Making Process
28px / Poppins Medium 500
Body Large
Each sculpture is carved from a single block of natural stone.
18px / Figtree Regular 400
Body
Every piece begins with a conversation about space, form, and intention.
16px / Figtree Regular 400
Caption
Carrara marble, bespoke commission, 2024
13px / Figtree Regular 400
03
Section 03
Graphic Elements
The Sculpted Peaks graphic language draws directly from material craft. Textures, finishes, and structural details from the studio inform every visual decision, from surface treatments to packaging and presentation.
Brand Graphic Language
The visual system is stone-inspired throughout. Surfaces are clean and deliberate, never busy. Natural grain and mineral texture may appear as background detail, never as decoration for its own sake. Brass and gold details reference the metal fixings and plinths of the work itself. Three core motifs define the visual grammar of the brand.
Stone texture overlays
Brass plaque details
Kraft paper and crate packaging
Photography Direction
Photography leads with the work. Compositions are product-first and unhurried. Props are minimal: a worn cloth, a chisel, a plinth. Backgrounds are warm neutral surfaces that match the stone palette rather than compete with it. Lighting is directional and natural, never flash. The studio and the outdoors are both valid settings; architectural contexts work well for scale. The goal is to show the object as the maker sees it: with full attention and without distraction.
04
Section 04
Buttons
Two button variants cover every surface context. The primary button uses the highest-contrast option for the surface it sits on. The secondary button is always outlined and understated. Both are full-pill shapes in Layout D.
Dark surface
Light surface
Primary button uses gold (#AB8C52) on dark surfaces and charcoal (#212121) on light surfaces. Both are drawn from the same brand palette. Choose the variant with correct contrast for its surface. The secondary button is always transparent with an outlined border, adapting its border and text colour to suit the surface behind it.
Element
Radius
Token
Buttons
100px (pill)
--r-pill
Cards
20px
--r-lg
Callouts
10px
--r-card
Badges
100px (pill)
--r-pill
05
Section 05
Shopify Colour Schemes
Five named colour schemes are configured in the Hyper theme editor and applied section by section across the storefront. Each scheme controls background surface, text hierarchy, button treatment, and border tone. Schemes work as a sequenced system, not in isolation.
Brand Tokens — Reference
Cream
#F5F2ED
Cream Card
#EDE9E2
Cream Dark
#DDD8CF
Parchment
#E8D9BE
White
#FFFFFF
Charcoal
#1C1A17
Charcoal Mid
#3D3A35
Charcoal Light
#6B6560
Stone
#8B7B6B
Stone Border
#BDB6A6
Footer Dark
#28261F
Bronze (CTA)
#AB8C52
Gold
#C4A46A
Scheme 1
Cream
Default surface — hero, product grid, social proof
Background
#F5F2ED
Heading / body
#1C1A17
Secondary text
#6B6560
Primary button
#1C1A17 bg / white text
Secondary button
#AB8C52 border + text
Border / divider
#DDD8CF
Scheme 2
White
Cards, product sections, header / nav, reviews
Background
#FFFFFF
Heading / body
#1C1A17
Secondary text
#6B6560
Primary button
#1C1A17 bg / white text
Secondary button
#AB8C52 border + text
Border / divider
#EDE9E2
Scheme 3
Parchment
Featured / editorial — process, region, size guide
Background
#E8D9BE
Heading / body
#1C1A17
Secondary text
#6B6560
Primary button
#1C1A17 bg / white text
Secondary button
#AB8C52 border + text
Border / divider
#BDB6A6
Scheme 4
Charcoal
Dark CTAs, commission sections, announcement bar
Background
#1C1A17
Heading / body
#FFFFFF
Secondary text
rgba(255,255,255,0.60)
Primary button
#FFFFFF bg / charcoal text
Secondary button
#AB8C52 border + text
Border / divider
rgba(255,255,255,0.10)
Scheme 5
Footer Dark
Footer — deepest page surface
Background
#28261F
Heading / body
#FFFFFF
Secondary text
rgba(255,255,255,0.45)
Primary button
#FFFFFF bg / charcoal text
Secondary button
#AB8C52 border + text
Border / divider
rgba(255,255,255,0.08)
Section Alternation Pattern
Announcement Bar
Charcoal (4)
Header / Nav
White (2)
Hero
Cream (1)
Trust Pillars
White (2)
Product Grid
Cream (1)
Browse by Region
White (2)
Social Proof
Cream (1)
Carving Process
Parchment (3)
Reviews
White (2)
Commission CTA
Charcoal (4)
Footer
Footer Dark (5)
Cream next to Parchment: Never place Cream (Scheme 1) directly adjacent to Parchment (Scheme 3) without a White (Scheme 2) section between them. Both are warm and close in tone — without separation they blend together, collapsing the section rhythm the layout depends on.
