Sculpted Peaks Brand Guide

01 Colour System

Sculpted Peaks uses a warm, stone-inspired palette that reflects natural materials: stone, wood, and brass. The system is built around warm neutrals with a single dark primary (#212121) and a gold accent (#AB8C52). No saturated colours are used, anywhere.

Background Hierarchy

White

#FFFFFF

Product cards, review cards

Off-White

#FCFBF9

Standard page background. Most common surface.

Alt Background

#F3EFE7

Alternating sections, reviews, email signup, sale sections

Announcement

#E3D5BD

Announcement bar (warm desaturated tan)

Medium

#A3957A

Footer and editorial spotlights only

Footer Bar

#8F7444

Footer bottom bar only

Primary Palette

Main / CTA

#212121

Primary text, headings, CTA buttons

Hover Dark

#3A3A3A

Hover state for primary CTA

Gold Accent

#AB8C52

Secondary CTA, star ratings, badges, highlights

Hover Warm

#8F7444

Hover for secondary and gold elements

Border

#D1CDC4

1px borders: cards, inputs, tabs, swatches

Border Strong

#BEB7A7

Product cards, outline button borders

Badges & Chips

New Arrival

#E2DDD3

Soft stone chip. Text: #212121, 0.75rem uppercase.

Custom

#D7D3CA

Cool stone chip. Text: #212121.

Sale Badge

#AB8C52

Sale or featured badge. Text: #FFFFFF.

Foreground Opacity Scale

FG 90

0.90

Strong body text

FG 80

0.80

Review text

FG 70

0.70

Subtext, consent labels

FG 60

0.60

Product reference, meta text

FG 50

0.50

Inactive tab text

FG 40

0.40

Placeholder text, footer links

02 Typography

All type uses two clean sans-serif typefaces. Hierarchy is communicated through size and weight, not decorative variation. Headings use Poppins at weight 500. Body copy uses Figtree at weights 400, 500, and 600. No other typefaces are used.

Heading Typeface

Aa

Poppins

Light

300

Regular

400

Medium

500 — Brand weight

SemiBold

600 — PDP titles

Bold

700

Body Typeface

Aa

Figtree

Light

300

Regular

400

Medium

500

SemiBold

600

Bold

700

Type Scale

Token	Size	Usage
text-xs	12px / 0.75rem	Labels (uppercase), badges, meta text
text-sm	14px / 0.875rem	Secondary body, footer copy
text-base	16px / 1rem	Body text
text-md	18px / 1.125rem	Lede and intro paragraphs
text-lg	20px / 1.25rem	Card titles
text-xl	24px / 1.5rem	PDP price, section eyebrow H4
text-2xl	32px / 2rem	PDP title, H3
text-3xl	40px / 2.5rem	Section heading H2
text-4xl	52px / 3.25rem	Hero H1

Product Detail Page Specs

Element	Specification	Notes
Title	#212121 / 2rem / weight 600	Poppins SemiBold
Price	#212121 / 1.5rem / weight 600	e.g. $400 to $1,200
Description	rgba(33,33,33,0.75) / lh 1.6	Hand-carved from solid stone, made to order.
Labels	#212121 / uppercase / Figtree	e.g. STONE COLOUR
Footer Links	#FFFFFF / 0.4 opacity	Privacy Policy, etc.
Footer Headings	#FFFFFF / 0.875rem / uppercase / ls 0.05em	EXPLORE, COMPANY, etc.

03 Component Specifications

Buttons

Component	Specification
Primary CTA (Add to Cart)	Bg #212121 Text #FFFFFF Hover #3A3A3A Border-radius: pill (10rem)
Secondary Action	Transparent bg / Border #BEB7A7 Text #212121 Hover bg #F3EFE7 Border-radius: pill (10rem)
Announcement Bar	Bg #E3D5BD Text #212121 Muted, defers to hero CTA

Border Radius Tokens

Token	Value	Usage
radius-block-sm	0.5rem (~8px)	Small block elements
radius-block-md	0.6rem (~10px)	Inner card elements, medium blocks
radius-block	1rem (~16px)	Sections, product cards, textareas
radius-badge	4rem (~64px)	Badge and chip pill (sale, new, custom)
radius-pill	10rem (160px)	Buttons, form inputs

Product Cards

Element	Specification
Border	1px solid #BEB7A7
Shadow on hover	0 4px 12px rgba(33,33,33,0.08)
Background	#FFFFFF
Border radius	1rem (radius-block)

Reviews & Social Proof

Element	Specification
Section background	#F3EFE7 (banded, alternates with white)
Review card	#FFFFFF / Border 1px solid #D1CDC4
Customer name	#212121 / font-weight 600
Star rating	#AB8C52 (gold)
Review text	rgba(33,33,33,0.80)
Product reference	rgba(33,33,33,0.60)

Email Signup Module

Element	Specification
Section background	#FCFBF9 (or #F3EFE7 if on white section)
Input background	#FFFFFF / Border 1px solid #D1CDC4
Input focus border	2px solid #212121
Placeholder text	rgba(33,33,33,0.40)
Submit button	Bg #212121 / Text #FFFFFF / Hover #3A3A3A
Consent label	rgba(33,33,33,0.70) / 0.875rem

Footer

Element	Specification
Footer background	#A3957A (darker plinth grounding the page)
Column headings	#FFFFFF / 0.875rem / uppercase / ls 0.05em
Links	rgba(255,255,255,0.80), hover 1.0
Social icons	rgba(255,255,255,0.70), hover 1.0
Bottom bar	#8F7444 (one step darker)
Payment icons	Monochrome rgba(255,255,255,0.50)

04 Channel Usage

The colour and component system above applies to the website. Tone and weight of elements should shift slightly by channel, but always stay within this palette.

Meta Ads

Lead with the sculpture. Short hooks, visual-first. Use dark (#212121) or warm neutral (#F3EFE7) as ad backgrounds. Gold (#AB8C52) can accent text overlays. Avoid busy or high-contrast palettes that compete with the sculpture.

Email

Use the same background hierarchy as the website: alternate #FFFFFF and #F3EFE7 sections. Gold (#AB8C52) for headings and CTA buttons. Keep design minimal. Product photography should dominate.

Print & Packaging

The custom wooden crate and kraft paper wrapping are part of the brand expression. Do not add heavy graphic elements. Warm neutrals (#E3D5BD, #F3EFE7) pair well with unbleached kraft. Brass plaque engraving uses #212121 on natural brass.

05 Quick Reference Rules

Do

Use #212121 as the primary CTA colour. It outperforms multi-colour CTAs.
Use #AB8C52 (gold) for secondary CTAs, star ratings, and accent highlights.
Alternate section backgrounds: #FFFFFF and #F3EFE7.
Keep all borders at 1px with #D1CDC4 throughout.
Use #A3957A for the footer only. Not body sections.
Refer to stone as "real stone" or "solid stone" in copy.
Refer to all items as "sculptures." Never "products" or "art pieces."

Do Not

Do not use bright or saturated colours outside this palette.
Do not use em dashes in any copy.
Do not name the stone type (andesite, ciolite, etc.) in customer-facing materials.
Do not refer to sculptures as "exact replicas" or promise CNC-level precision.
Do not use the word "team" when referring to the brand.
Do not overplay Bali or volcanic stone in outbound marketing.
Do not use #A3957A for large sections. Footer and editorial spotlights only.
Do not use more than two background colours in a single email or landing page.

06 Shopify Colour Schemes

The Hyper theme uses five named colour schemes applied section by section in the theme editor. Each scheme controls background, text, buttons, and borders for that section. Schemes are never mixed within a single section — the entire section inherits one scheme.

Brand Tokens (Reference)

These tokens underpin all five schemes. Use them as the single source of truth when configuring the theme editor.

Light / Warm Surfaces

Cream

#F5F2ED

Cream Card

#EDE9E2

Cream Dark

#DDD8CF

Parchment

#E8D9BE

White

#FFFFFF

Dark / Charcoal Tones

Charcoal

#1C1A17

Charcoal Mid

#3D3A35

Charcoal Light

#6B6560

Footer Dark

#28261F

Stone & Accent

Stone

#8B7B6B

Stone Border

#BDB6A6

Bronze (CTA)

#AB8C52

Gold

#C4A46A

The Five Schemes

Scheme 1

Cream

Default / most sections

Background	#F5F2ED
Text	#1C1A17
Secondary text	#6B6560
Primary button	Bg #1C1A17 Text #FFF
Secondary button	#AB8C52 border + text
Border / dividers	#DDD8CF

Scheme 2

White

Cards, product sections

Background	#FFFFFF
Text	#1C1A17
Secondary text	#6B6560
Primary button	Bg #1C1A17 Text #FFF
Secondary button	#AB8C52 border + text
Border / dividers	#EDE9E2

Scheme 3

Parchment

Featured / editorial — carving process, about region, size guide

Background	#E8D9BE
Text	#1C1A17
Secondary text	#6B6560
Primary button	Bg #1C1A17 Text #FFF
Secondary button	#AB8C52 border + text
Border / dividers	#BDB6A6

Scheme 4

Charcoal

Commission sections, dark CTAs, announcement bar

Background	#1C1A17
Text	#FFFFFF
Secondary text	rgba(255,255,255,0.60)
Primary button	Bg #FFF Text #1C1A17
Secondary button	#AB8C52 border + text
Border / dividers	rgba(255,255,255,0.10)

Scheme 5

Footer Dark

Footer only

Background	#28261F
Text	#FFFFFF
Secondary text	rgba(255,255,255,0.45)
Primary button	Bg #FFF Text #1C1A17
Secondary button	#AB8C52 border + text
Border / dividers	rgba(255,255,255,0.08)

Section Alternation Pattern

This is the intended scheme sequence for a standard Sculpted Peaks page. Apply this pattern when building new pages or reviewing theme configurations.

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)

Usage Note

Never place Cream (1) directly next to Parchment (3) without a White (2) section between them. They are too similar in warmth and will blend together visually. Always use White (2) as the separator.