Design
How this brand looks and moves: warm, earthy, and editorial, with Sage and Magician energy that stays elevated and never overt.
Design Mood
Warm, earthy, sophisticated. Not corporate, not cutesy. An editorial feel built on whitespace, restraint, and one signature accent.
Gold is used the way the brand uses expertise: sparingly, precisely, and where it counts. Animations feel like things becoming, never bouncing for attention.
Color Palette
- Never pure black or pure white anywhere.
- Gold is an accent, not a paint bucket: emphasis underlines, hover states, thin borders at 15% opacity, one CTA per view.
- Dark sections use Forest, not Ink, for warmth.
Typography
Adobe Fonts, kit gvu8enl.
Brand clarity is the strategy.
- Weight 400, letter spacing 0.02em
- No italic cut exists: never apply italics
- Emphasis is the gold underline, drawn on the concept word
Warm, editorial, and legible at long-form sizes. Body text runs at 22px with relaxed leading, and italics are available at 400 and 700.
- Fallback: Mr Eaves Modern (the previous body face)
- Buttons: pill-shaped, all caps, 0.06em letter spacing
Logo
Copper wordmark · light backgrounds 
White wordmark · dark backgrounds The wordmark is wide-tracked, all caps, and thin-weight; display headings mirror that with generous letter spacing. The circular badge mark and “A” icon cover favicons and avatars.
Image Direction
- Natural light and warm tones
- Real environments: cabins, mountains, workspaces that look lived in
- Editorial portraiture
- Texture and depth
- Corporate stock scenes
- Oversaturated color
- Cluttered compositions
- Anything that looks like it came with the template
Motion
Animation should feel like things are becoming.
- 01
Two easing curves
Standard for utility transitions; editorial (a quick ease-in with a slow settle) for scroll reveals and entrances.
- 02
Scroll reveals
Fade up 22px with a subtle scale, staggered 100ms between siblings. Once visible, they stay visible.
- 03
Calm hovers
3px card lifts, slow image zooms, underlines that draw in. Nothing bounces, nothing demands attention.
- 04
Accessible by default
Every animation respects prefers-reduced-motion.
- 05
The signature moment
Gold underlines that draw left to right on key headline words, tying the Magician energy (transformation, reveal) to the interface without announcing it.
Component Language
The recurring interface patterns from kayeputnam.com. This site is built from the same system.
Nav
Fixed Forest header, links in a single shared pill, gold underline hover from center.
Sections
Cream, warm gray, and dark Forest variants alternate to pace the page.
Cards
Warm gray backgrounds, soft radius, hover lift, gold “Read more” CTAs.
Stats
Big Scale Variable numbers in Ink with gold uppercase labels.
Blockquotes
Gold left border, Scale Variable quote text, gold cite. Testimonials get the oversized gold quote mark.
Tags
Pill-shaped, in blush, gold, and dark variants.