Pages
Styleguide
A practical guide for changing the theme without breaking it.
Premium themes sell better when buyers can understand the system quickly. This page documents pages, colors, typography, sections and data entry points.
9 pages / 17 sections / 8 services
Data
Edit Points
src/data/site.tsBrand, SEO defaults and author.src/data/services.tsService cards and detailed page content.src/data/pricing.tsPackages, prices and exclusions.src/content/casestudiesWork index and case detail pages.src/content/journalJournal index and article pages.
Design Tokens
Color roles, not random swatches.
Ink
var(--color-ink) Graphite
var(--color-graphite) Paper
var(--color-paper) Parchment
var(--color-parchment) Signal
var(--color-signal) Direction
var(--color-direction) Acid
var(--color-acid) Violet
var(--color-violet) Typography
Display for signal, sans for clarity.
Move Attention.
Lead copy stays calm, readable and narrow enough to scan.
Mono labels carry index, timing and system information.
Serif is reserved for quotes and editorial emphasis.
Section Library
Reusable modules included.
01 / DirectionalHero 02 / ClientStrip 03 / WorkShowcase 04 / StickyProjectStory 05 / ServicesMatrix 06 / DiagonalFeature 07 / CapabilitiesStack 08 / ThemeValue 09 / ProcessPath 10 / ProofMetrics 11 / OverlayScroll 12 / DirectionMarquee 13 / Testimonials 14 / PricingPreview 15 / JournalPreview 16 / FAQSection 17 / FinalCTA