Remixes of www.yourenergypathways.com
Latest remixes
No public remixes yet. Be the first to make one.
Remix itLatest remixes
No public remixes yet. Be the first to make one.
Remix itSwitch between the rendered Visual preview and the Raw DESIGN.md.
version: alpha
name: Yourenergypathways
description: |
Energy Pathways with Terri Kiggins carries a deeply spiritual, feminine, and
transformative visual personality. The design system pairs a rich deep
plum-purple hero band against a warm antique-cream canvas, creating an
immediate sense of sacred sanctuary — intimate and inviting rather than
clinical or corporate. The brand accent (#C1AF61), a muted old-gold, threads
through CTAs and the logotype's script flourish, evoking candlelight,
ceremony, and ancient wisdom. Display typography is set in an elegant serif
(Libre Baskerville), often rendered in italic for hero headings, reinforcing a
handcrafted, personal quality. The overall atmosphere is contemplative and
trustworthy: a practitioner's studio translated into pixels, where every
typographic choice feels considered and every color choice feels intentional
rather than trendy.
source:
url: "https://www.yourenergypathways.com/"
pagesAnalyzed: 6
extractedAt: 2026-10-20
tokensMeasured: true
colors:
primary: "#C1AF61"
accent: "#46305B"
link: "#0000EE"
canvas: "#F7F5EC"
on-primary: "#000000"
ink: "#000000"
body: "#373B4D"
hairline: "#CBC4C8"
accent-1: "#44474D"
accent-2: "#522662"
accent-3: "#5A8E9F"
accent-4: "#301D10"
accent-5: "#72617F"
neutral-1: "#FFFFFF"
neutral-2: "#F2E5E4"
typography:
display-xxl:
fontFamily: "libre baskerville"
fontSize: 88px
fontWeight: 400
lineHeight: 1.2
letterSpacing: 0px
display-xl:
fontFamily: "libre baskerville"
fontSize: 64px
fontWeight: 400
lineHeight: 1.2
letterSpacing: 0px
display-lg:
fontFamily: "libre baskerville"
fontSize: 58px
fontWeight: 400
lineHeight: 1.2
letterSpacing: 0px
display-md:
fontFamily: "libre baskerville"
fontSize: 56px
fontWeight: 400
letterSpacing: 0px
display-sm:
fontFamily: "libre baskerville"
fontSize: 50px
fontWeight: 400
lineHeight: 1.34
letterSpacing: 0px
display-xs:
fontFamily: "libre baskerville"
fontSize: 44px
fontWeight: 400
lineHeight: 1.2
letterSpacing: 0px
heading-xl:
fontFamily: georgia
fontSize: 30px
fontWeight: 400
lineHeight: 1.28
letterSpacing: 0px
heading-xl-avenir-lt-w01-85-heavy1475544:
fontFamily: avenir-lt-w01_85-heavy1475544
fontSize: 30px
fontWeight: 400
lineHeight: 1.4
letterSpacing: 0px
heading-lg:
fontFamily: didot-w01-italic
fontSize: 29px
fontWeight: 400
lineHeight: 2.31
letterSpacing: 0px
heading-md:
fontFamily: "libre baskerville"
fontSize: 28px
fontWeight: 400
lineHeight: 1.38
letterSpacing: 0px
heading-sm:
fontFamily: didot-w01-italic
fontSize: 24px
fontWeight: 700
lineHeight: 1.33
letterSpacing: 0px
heading-xs:
fontFamily: "libre baskerville"
fontSize: 22px
fontWeight: 400
lineHeight: 1.41
letterSpacing: 0px
quote:
fontFamily: "libre baskerville"
fontSize: 18px
fontWeight: 400
lineHeight: 1.25
letterSpacing: 0px
body-xl:
fontFamily: wfont_ee4816_18962faa3b9148aa85bd6e80e3d83bcb
fontSize: 20px
fontWeight: 400
lineHeight: 1.67
letterSpacing: 0px
body-lg:
fontFamily: wfont_ee4816_18962faa3b9148aa85bd6e80e3d83bcb
fontSize: 18px
fontWeight: 400
lineHeight: 1.8
letterSpacing: 0px
body-md:
fontFamily: worksans-semibold
fontSize: 16px
fontWeight: 400
letterSpacing: 0px
body-sm:
fontFamily: wfont_ee4816_18962faa3b9148aa85bd6e80e3d83bcb
fontSize: 15px
fontWeight: 400
lineHeight: 1.88
letterSpacing: 0px
body-xs:
fontFamily: worksans-semibold
fontSize: 14px
fontWeight: 400
lineHeight: 4
letterSpacing: 0px
body-xs-tight:
fontFamily: worksans-semibold
fontSize: 14px
fontWeight: 400
lineHeight: 1.41
letterSpacing: 0px
button-md:
fontFamily: avenir-lt-w01_85-heavy1475544
fontSize: 16px
fontWeight: 400
lineHeight: 1
letterSpacing: 0px
button-sm:
fontFamily: Arial
fontSize: 13.3333px
fontWeight: 400
letterSpacing: 0px
label-lg:
fontFamily: madefor-text
fontSize: 18px
fontWeight: 400
lineHeight: 1.75
letterSpacing: 0px
label-md:
fontFamily: madefor-text-bold
fontSize: 15px
fontWeight: 400
lineHeight: 1
letterSpacing: 0px
label-sm:
fontFamily: georgia
fontSize: 14px
fontWeight: 400
lineHeight: 1
letterSpacing: 0px
label-sm-loose:
fontFamily: georgia
fontSize: 14px
fontWeight: 400
lineHeight: 1.4
letterSpacing: 0px
label-sm-futura-lt-w01-light:
fontFamily: futura-lt-w01-light
fontSize: 14px
fontWeight: 400
lineHeight: 1.4
letterSpacing: 0px
label-sm-strong:
fontFamily: futura-lt-w01-book
fontSize: 14px
fontWeight: 700
lineHeight: 1
letterSpacing: 0px
caption:
fontFamily: Arial
fontSize: 12px
fontWeight: 400
lineHeight: 1.5
letterSpacing: 0px
rounded:
none: 0px
xs: 1px
sm: 16px
full: 9999px
spacing:
xxs: 4px
xs: 8px
sm: 12px
md: 16px
lg: 20px
xl: 24px
xxl: 32px
xxxl: 40px
section: 56px
band: 88px
borderWidths:
thin: 1px
medium: 2px
elevationStrategy: color-blocking
themes:
derived: dark # the other theme is the site's measured palette
light:
bg: "#F7F5EC"
surface: "#F0EEE5"
surfaceRaised: "#E6E4DC"
text: "#000000"
textMuted: "#373B4D"
border: "#CBC4C8"
accent: "#96853B"
accentFg: "#000000"
focusRing: "#C1AF61"
elevation: shadow
dark:
bg: "#11100D"
surface: "#1F1E1C"
surfaceRaised: "#2B2A28"
text: "#FDFCF9"
textMuted: "#A3A29F"
border: "#373634"
accent: "#C1AF61"
accentFg: "#000000"
focusRing: "#C1AF61"
elevation: "border+surface"
components:
button-primary:
textColor: "{colors.ink}"
height: 56px
fontSize: 10px
fontFamily: Arial
fontWeight: 400
rounded: 50px
backgroundColor: "{colors.primary}"
button-primary-2:
typography: "{typography.button-sm}"
textColor: "{colors.ink}"
height: 56px
rounded: 50px
backgroundColor: "{colors.primary}"
button-filled:
typography: "{typography.button-sm}"
textColor: "{colors.ink}"
height: 44px
rounded: "{rounded.sm}"
backgroundColor: "{colors.accent}"
button-filled-lg:
typography: "{typography.button-sm}"
textColor: "{colors.ink}"
height: 46px
backgroundColor: "{colors.body}"
navigation:
textColor: "{colors.ink}"
height: 56px
fontSize: 10px
fontFamily: Arial
fontWeight: 400
footer:
textColor: "{colors.ink}"
fontSize: 10px
fontFamily: Arial
fontWeight: 400
link:
textColor: "{colors.link}"
fontSize: 10px
fontFamily: Arial
fontWeight: 400
link-sm:
typography: "{typography.body-xs-tight}"
textColor: "{colors.link}"
states:
other-focus:
target: other
state: focus
outline: none
other-hover:
target: other
state: hover
outline: "highlight solid 3px"
outlineColor: highlight
outlineWidth: 3px
other-focus-visible:
target: other
state: focus-visible
outline: "highlight solid 3px"
outlineColor: highlight
outlineWidth: 3px
link-focus-visible:
target: link
state: focus-visible
outline: "highlight solid 3px"
boxShadow: none
outlineColor: highlight
outlineWidth: 3px
other-active:
target: other
state: active
transform: "translateY(-50%)"
other-disabled:
target: other
state: disabled
backgroundColor: "rgb(226, 226, 226)"
breakpoints:
- width: 375
containerWidth: 375
gridColumns: 5
navLinksVisible: 5
menuToggleVisible: false
headingPx: 56
bodyPx: 10
sectionPaddingX: 0
- width: 768
containerWidth: 768
gridColumns: 5
navLinksVisible: 5
menuToggleVisible: false
headingPx: 56
bodyPx: 10
sectionPaddingX: 0
- width: 1024
containerWidth: 980
gridColumns: 5
navLinksVisible: 5
menuToggleVisible: false
headingPx: 56
bodyPx: 10
sectionPaddingX: 0
- width: 1280
containerWidth: 1120
gridColumns: 2
navLinksVisible: 5
menuToggleVisible: false
headingPx: 56
bodyPx: 10
sectionPaddingX: 0
- width: 1440
containerWidth: 1280
gridColumns: 2
navLinksVisible: 5
menuToggleVisible: false
headingPx: 56
bodyPx: 10
sectionPaddingX: 0
coverage:
statesFound: 87
gradientsFound: 0
rolesUnassigned: 7
archetypesUnnamed: 0
archetypesDetected: 0
responsiveMeasured: true
stylesheetsBlocked: true
semanticRampDeclared: false
Energy Pathways with Terri Kiggins carries a deeply spiritual, feminine, and transformative visual personality. The design system pairs a rich deep plum-purple hero band against a warm antique-cream canvas, creating an immediate sense of sacred sanctuary — intimate and inviting rather than clinical or corporate. The brand accent ({colors.primary} — #C1AF61), a muted old-gold, threads through CTAs and the logotype's script flourish, evoking candlelight, ceremony, and ancient wisdom. Display typography is set in an elegant serif (Libre Baskerville), often rendered in italic for hero headings, reinforcing a handcrafted, personal quality. The overall atmosphere is contemplative and trustworthy: a practitioner's studio translated into pixels, where every typographic choice feels considered and every color choice feels intentional rather than trendy.
Key Characteristics
{colors.accent} — #46305B) as the primary hero and navigation surface, offsetting the gold accent{colors.canvas} (#F7F5EC) rather than stark white, softening the reading experience{rounded.full} (9999px), giving interactive elements a soft, approachable roundness{colors.primary} — #C1AF61): Primary call-to-action button fill, brand logotype accent, active navigation state, hero button backgrounds{colors.accent} — #46305B): Navigation bar background, hero section background, filled secondary button background{colors.accent-1} — #44474D): No measured role; available as a decorative or illustrative tone{colors.accent-2} — #522662): No measured role; available as a decorative or illustrative tone{colors.accent-3} — #5A8E9F): No measured role; available as a decorative or illustrative tone{colors.accent-4} — #301D10): No measured role; available as a decorative or illustrative tone{colors.accent-5} — #72617F): No measured role; available as a decorative or illustrative tone{colors.link} — #0000EE): Default anchor text color for inline body links{colors.on-primary} — #000000): Text rendered on brand gold surfaces (button labels); also mapped to primary headings in extraction{colors.body} — #373B4D): Paragraph text, sub-headings, and general readable content on light surfaces{colors.neutral-1} — #FFFFFF): No measured role; available as a neutral{colors.neutral-2} — #F2E5E4): No measured role; available as a warm tint surface{colors.canvas} — #F7F5EC): Default page background across all interior pages{colors.hairline} — #CBC4C8): 1px input borders, form dividers, and subtle structural linesPrimary Display / Headings: Libre Baskerville — 'Libre Baskerville', Georgia, 'Times New Roman', serif
Carries all hero display sizes and large section headings. Used in italic style for the hero tagline, giving the brand its heirloom editorial character.
Secondary Body: wfont_ee4816 (Wix custom web font) — fallback: Georgia, serif
Used for body copy at 15px–20px scales.
UI / Navigation / Labels: Work Sans (worksans-semibold variant) — 'Work Sans', Arial, Helvetica, sans-serif
Applied to navigation links, small labels, and utility text.
Italic Accent Headings: Didot W01 Italic (didot-w01-italic) — 'Didot', 'Bodoni MT', 'Times New Roman', serif
Measured on heading elements for decorative pull-quotes and section titling.
Button / Form Fallback: Arial — Arial, Helvetica, sans-serif
Applied by the Wix component layer to button and input elements.
Form Labels: Madefor Text Bold / Madefor Text — 'Madefor Text', Arial, sans-serif
Applies to form field labels and input text.
| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |
|---|---|---|---|---|---|---|
{typography.display-xxl} | Libre Baskerville | 88px | 400 | 1.2 | 0px | Largest display; rare hero use |
{typography.display-xl} | Libre Baskerville | 64px | 400 | 1.2 | 0px | Primary hero heading |
{typography.display-lg} | Libre Baskerville | 58px | 400 | 1.2 | 0px | Large section hero |
{typography.display-md} | Libre Baskerville | 56px | 400 | not measured | 0px | Section display heading |
{typography.display-sm} | Libre Baskerville | 50px | 400 | 1.34 | 0px | Sub-hero / page title |
{typography.display-xs} | Libre Baskerville | 44px | 400 | 1.2 | 0px | Smaller display heading |
{typography.heading-xl} | Georgia | 30px | 400 | 1.28 | 0px | Section subheadings |
{typography.heading-lg} | Didot W01 Italic | 29px | 400 | 2.31 | 0px | Decorative italic subheading |
{typography.heading-md} | Libre Baskerville | 28px | 400 | 1.38 | 0px | Card headings / named sections |
{typography.heading-sm} | Didot W01 Italic | 24px | 700 | 1.33 | 0px | Bold decorative heading |
{typography.heading-xs} | Libre Baskerville | 22px | 400 | 1.41 | 0px | Small section labels |
{typography.body-xl} | wfont_ee4816 | 20px | 400 | 1.67 | 0px | Large intro body text |
{typography.body-lg} | wfont_ee4816 | 18px | 400 | 1.8 | 0px | Standard body reading size |
{typography.quote} | Libre Baskerville | 18px | 400 | 1.25 | 0px | Pull-quote / testimonial |
{typography.body-md} | Work Sans | 16px | 400 | not measured | 0px | UI body / nav text |
{typography.body-sm} | wfont_ee4816 | 15px | 400 | 1.88 | 0px | Secondary body / captions |
{typography.label-md} | Madefor Text Bold | 15px | 400 | 1 | 0px | Form labels |
{typography.button-md} | Avenir LT W01 85 Heavy | 16px | 400 | 1 | 0px | Button label (component layer) |
{typography.button-sm} | Arial | 13.3333px | 400 | normal | 0px | Button label (Wix fallback) |
{typography.label-lg} | Madefor Text | 18px | 400 | 1.75 | 0px | Input field text |
{typography.label-sm} | Georgia | 14px | 400 | 1 | 0px | Small labels |
{typography.body-xs} | Work Sans | 14px | 400 | 4 | 0px | Utility / micro body |
{typography.caption} | Arial | 12px | 400 | 1.5 | 0px | Captions, footnotes |
0px letter-spacing — no tight tracking on display, no wide tracking on capsPrimary CTA (Pill — Gold) The main "Book Session" call-to-action throughout the site.
background-color: #C1AF61 ({colors.primary})color: #000000 ({colors.on-primary})border-radius: 9999px ({rounded.full} — 50px as measured by Wix engine)border: 0px solid #8B6755width: 230px; height: 56pxpadding: 0pxfont-family: Arial, Helvetica, sans-seriffont-size: 13.3333px ({typography.button-sm})font-weight: 400box-shadow: noneFilled Secondary (Rounded — Plum) Alternate filled button used in hero sections and cards.
background-color: #46305B ({colors.accent})color: #000000border-radius: 16px ({rounded.sm})border: 0px solid rgba(70, 48, 91, 0)width: 285px; height: 44pxpadding: 0pxfont-family: Arial, Helvetica, sans-seriffont-size: 13.3333px ({typography.button-sm})font-weight: 400box-shadow: noneFilled Utility (Sharp — Dark Navy) Compact utility buttons (e.g., "Submit >").
background-color: #373B4D ({colors.body})color: #000000border-radius: 0px ({rounded.none})border: 0px solid rgba(114, 97, 127, 0)width: 113px; height: 46pxpadding: 0pxfont-family: Arial, Helvetica, sans-seriffont-size: 13.3333px ({typography.button-sm})font-weight: 400box-shadow: noneHover / Focus States
Stylesheets declare hover via Corvid/Wix design tokens (var(--corvid-hover-background-color), var(--corvid-hover-border-color), var(--corvid-hover-color)). Exact resolved hover colors were not extractable from cross-origin stylesheets; see Known Gaps.
background-color: #46305B ({colors.accent}); full-bleed width; no border, no shadow — depth is pure color-blockingbackground-color: #F7F5EC ({colors.canvas}); used for all interior page content wellsborder-radius: 0px ({rounded.none}) — images are not rounded; the illustrated circle motif in the hero is part of the SVG illustration asset, not a CSS border-radiusbackground-color: rgba(0, 0, 0, 0) (transparent over its parent surface); height: 301px; no shadowborder: 1px solid #CBC4C8 ({colors.hairline}); border-radius: 0pxborder-width: 2px; border-color: currentcolor; opacity: 1font-family: 'Madefor Text', Arial, sans-serif; font-size: 18px ({typography.label-lg}); line-height: 1.75font-family: 'Madefor Text Bold', Arial, sans-serif; font-size: 15px ({typography.label-md}); line-height: 1#FFFFFF ({colors.neutral-1}) on input fieldsbackground-color: rgb(226, 226, 226); color: rgb(143, 143, 143) (per extracted stylesheet)outline: rgb(17, 109, 255) solid 2px; box-shadow: rgb(255, 255, 255) 0px 0px 1px 2pxbackground-color: #46305B ({colors.accent})#FFFFFF ({colors.neutral-1}) on the plum surface (as visible in screenshots)#C1AF61 ({colors.primary}) gold — visible on "Contact" page screenshotheight: 56px; border-radius: 0px; box-shadow: none; border: 0px{rounded.full})outline: highlight solid 3px; box-shadow: nonecolor: #0000EE ({colors.link})font-family: worksans-semibold, Arial, sans-serif; font-size: 14px ({typography.body-xs-tight}); line-height: 1.41text-decoration: underline (per extracted stylesheet state)outline: highlight solid 3px; box-shadow: none| Token | Value | Usage Context |
|---|---|---|
{spacing.xxs} | 4px | Icon gaps, tight inline spacing |
{spacing.xs} | 8px | Component internal padding, badge padding |
{spacing.sm} | 12px | Input internal padding, small gaps |
{spacing.md} | 16px | Default component gap, paragraph spacing |
{spacing.lg} | 20px | Card internal padding, list item gaps |
{spacing.xl} | 24px | Section sub-item spacing |
{spacing.xxl} | 32px | Card-to-card gap, content block margins |
{spacing.xxxl} | 40px | Section-level top/bottom padding |
{spacing.section} | 56px | Major section vertical rhythm |
{spacing.band} | 88px | Full hero band / page-level vertical padding |
Based on responsive measurements:
0px as measured — the Wix builder manages edge margins internallyThe system favors generous vertical spacing between sections — {spacing.band} (88px) for major hero bands and {spacing.section} (56px) for content section rhythm. This breathing room reinforces the meditative, unhurried character of the brand. Horizontal padding at smaller viewports is managed by the Wix platform's internal grid; no explicit padding-x token was measured at mobile breakpoints.
| Token | Value | Applied To |
|---|---|---|
{rounded.none} | 0px | Images, footer, utility sharp buttons, nav bar, inputs |
{rounded.xs} | 1px | Subtle structural micro-rounding |
{rounded.sm} | 16px | Secondary filled buttons, form elements |
{rounded.full} | 9999px | Primary CTA pill buttons ("Book Session") |
1px — default input border using {colors.hairline} (#CBC4C8)2px — input focus state border (border-color: currentcolor on focus)The Energy Pathways system uses color-blocking for all elevation and depth. There are no drop shadows measured anywhere on the site. Depth is communicated entirely through surface color transitions: the deep plum ({colors.accent}) hero band sits visually "above" the warm cream ({colors.canvas}) content sections, and the gold ({colors.primary}) CTA buttons float against both surfaces by virtue of contrast alone.
| Level | Treatment | Use |
|---|---|---|
| 0 — Ground | background: #F7F5EC — flat, no shadow | Default page canvas, content sections |
| 1 — Raised Band | background: #46305B — solid plum block | Navigation bar, hero section, footer band |
| 2 — CTA | background: #C1AF61 — gold fill, no shadow | Primary pill button, active states |
| 3 — Input Surface | background: #FFFFFF — white field | Form inputs on cream canvas |
Shadow philosophy: No box-shadow values were measured anywhere in the system. The box-shadow: none declaration appears consistently on all extracted components. Hierarchy is purely chromatic — plum recedes, cream sits mid-ground, gold advances.
calc(... * .7))| Layer | z-index | Context |
|---|---|---|
| Base | 1 | Standard stacked content |
| Dropdown | 51 | First dropdown layer |
| Dropdown (elevated) | 53 | Nested dropdown / submenu |
| Dropdown (top) | 54 | Topmost dropdown overlay |
| Modal | 9999 | Dialog / lightbox overlays |
| Toast | 99999 | Notification toasts (highest) |
{colors.primary} (#C1AF61) exclusively for primary CTAs and active navigation states — it is the brand's single action signal and must not be diluted{rounded.full} (9999px) to all primary "Book Session" style pill buttons — the pill shape is a defining interactive motif{colors.accent} (#46305B) — the deep plum band is the brand's primary atmospheric anchor{colors.canvas} (#F7F5EC) as the page background — the warm antique cream, not pure white, is the correct resting surface1px border using {colors.hairline} (#CBC4C8) and step up to 2px on focus{spacing.band} (88px) as vertical padding on major hero sections to preserve the contemplative breathing room{colors.body} (#373B4D) for all paragraph text on {colors.canvas} surfaces{colors.primary} (#C1AF61) as a text color on cream surfaces — its contrast ratio against #F7F5EC is insufficient for body-size textborder-radius — image containers are {rounded.none} (0px); circular motifs are illustration-layer assets{colors.accent} (#46305B) purple without using {colors.neutral-1} (#FFFFFF) or gold as the foreground color{spacing.section} (56px) vertically — insufficient spacing undermines the brand's meditative pacing| Name | Viewport Width | Content Column | Grid | Nav | Largest Heading | Notes |
|---|---|---|---|---|---|---|
| Mobile | 375px | 375px | 5 col | 5 links visible, no toggle | 56px | Full-width layout; Wix manages internal gutters |
| Tablet | 768px | 768px | 5 col | 5 links visible, no toggle | 56px | Same structure as mobile — no collapse observed |
| Small Desktop | 1024px | 980px | 5 col | 5 links visible, no toggle | 56px | Content column narrows to 980px |
| Medium Desktop | 1280px | 1120px | 2 col | 5 links visible, no toggle | 56px | Two-column layout activates here |
| Large Desktop | 1440px | 1280px | 2 col | 5 links visible, no toggle | 56px | Maximum measured content width |
Key transition: The layout shifts from a 5-column single-column-reading layout to a 2-column side-by-side layout between 1024px and 1280px. No hamburger menu toggle was observed at any measured breakpoint — the full 5-item navigation remains visible across all sizes.
56px — meets the 44px minimum touch target recommended standard44px — meets the minimum at its lower bound56px — adequate tap height for nav links0px at all breakpoints in extraction — horizontal breathing room is provided by the Wix grid's internal column gutters, not explicit padding tokens.{colors.primary} — #C1AF61){colors.on-primary} — #000000){colors.canvas} — #F7F5EC){colors.accent} — #46305B){colors.body} — #373B4D){colors.hairline} — #CBC4C8){colors.link} — #0000EE){colors.neutral-1} — #FFFFFF)border-radius: 9999px, background: #C1AF61, color: #000000, height: 56px, font-family: Arial, font-size: 13.3333px. No shadows.#F7F5EC, never pure white — use {colors.neutral-1} (#FFFFFF) only for input field surfaces.background: #46305B with white (#FFFFFF) or gold (#C1AF61) text on top.{typography.display-xs}) to 88px ({typography.display-xxl}).1px solid #CBC4C8 border at rest, stepping to 2px and border-color: currentcolor on focus.{spacing.section} (56px) for content sections and {spacing.band} (88px) for full hero bands.opacity: 0.70 level applies on hover for interactive text/button color transitions — useful for hover state fade effects where exact resolved colors are unavailable.border-radius: 16px ({rounded.sm}) and background: #46305B, not the pill shape.var(--corvid-hover-background-color), etc.) in cross-origin stylesheets that were unreadable by the extractor. Exact hover hex values for CTAs and nav links are not available; the 0.70 opacity modifier is the only concrete hover signal captured.error, success, or warning color states in any measured markup. Do not invent these; they must be designed fresh for any form validation UI.{colors.accent-1} (#44474D), {colors.accent-2} (#522662), {colors.accent-3} (#5A8E9F), {colors.accent-4} (#301D10), {colors.accent-5} (#72617F), {colors.neutral-1} (#FFFFFF), and {colors.neutral-2} (#F2E5E4) have no confirmed role in the extraction. They are described as decorative or available neutrals only.rgba(0,0,0,0)) over its parent; the specific footer background color, link colors, and typographic treatment were not resolved from the extracted data.{typography.display-md} and {typography.body-md} line heights: These two tokens returned no measured line-height value and are listed as "not measured."