The Sculpted Peaks palette draws from the material world: deep charcoal stone, warm brass accents, and a range of natural sand and cream tones. Every colour is drawn from the physical textures of the product itself.
The primary stone family anchors every surface. Use Primary Dark exclusively on the cover and dark editorial panels. Stone Black carries headings and body copy. Hover Dark activates on interactive primary elements.
Warm Gold references the brass and aged-metal finishes found in stone work. Use it sparingly as a premium signal. Gold Deep activates on hover. Gold Wash provides a barely-there warmth on callout backgrounds and featured panels.
Four background tones provide a layered depth system. Warm Off-White is the default page canvas. Alt Background and Warm Sand step down for contrast sections without introducing any non-brand colour.
Medium Stone provides a warm mid-tone footer ground that reads as neither fully dark nor light. It keeps the page feeling grounded and natural at the base.
Border and badge tones are derived from the stone palette. They keep UI divisions feeling material and coherent rather than generic grey.
Two typefaces carry the full range of the brand voice. Poppins leads in headings with geometric precision. Figtree provides warmth and readability in body text, captions, and UI copy.
The graphic language of Sculpted Peaks is rooted in the materiality of stone. Every visual device references texture, weight, and the craft process.
The visual system draws from the physical vocabulary of the craft. Clean surfaces meet natural grain. Brass and gold details provide moments of warmth without decoration for its own sake. The system is spare by design.
Photography is product-first. Minimal props. Warm neutral backgrounds that do not compete with the stone. Natural daylight preferred. Never busy, never styled beyond the object. The sculpture carries the frame.
Two button variants operate across all surfaces. Primary drives the key conversion action. Secondary provides a lower-commitment alternative path. All buttons use hard edges throughout — Layout C.
Primary button uses the 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.
| Element | Radius | Note |
|---|---|---|
| Buttons | 0px | Hard edge |
| Cards | 4px | Minimal only |
| Callouts | 3px | Near-flat |
| Badges | 0px | Hard edge |
| Background | #F5F2ED |
| Heading / body | #1C1A17 |
| Secondary text | #6B6560 |
| Primary button | #1C1A17 bg / white text |
| Secondary button | #AB8C52 border + text |
| Border / divider | #DDD8CF |
| Background | #FFFFFF |
| Heading / body | #1C1A17 |
| Secondary text | #6B6560 |
| Primary button | #1C1A17 bg / white text |
| Secondary button | #AB8C52 border + text |
| Border / divider | #EDE9E2 |
| Background | #E8D9BE |
| Heading / body | #1C1A17 |
| Secondary text | #6B6560 |
| Primary button | #1C1A17 bg / white text |
| Secondary button | #AB8C52 border + text |
| Border / divider | #BDB6A6 |
| 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) |
| 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) |