Style Guide
The foundations that power every section of this template — typography, colors, and spacing.
Headings
Display + H1 through H6. All values in em — they inherit from .page-wrapper and scale with the viewport.
Text Sizes
Body copy scale. Used for paragraphs, labels, and inline UI text.
Weights
Overused Grotesk variable font — five production weights covering 300 through 700.
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Brand Palette
Six core colors — three dark surfaces, two light surfaces, one accent. No additions.
Semantic Mapping
How the six brand colors map to background, text, border, and link roles. Per-section styling — no light/dark toggle.
Spacing Scale
Fourteen steps from 0.25rem to 10rem. Used for gaps, padding, and margins across sections and components.
Section Padding
Vertical padding applied to each section — desktop values shown. Scales down per breakpoint.
Containers
Max-widths derived from the proportional scale system. Values shown are the desktop fallback.
Flexible Plans for Every Stage
Frequently asked questions about working with us.
We start with a discovery call to understand your goals, then move into strategy, design, and development. Most projects include brand direction, UI/UX design, motion, and production-ready code — delivered in focused sprints with regular check-ins.
Timelines depend on scope. A single-page site can ship in 2–3 weeks, while a full multi-page project typically takes 4–8 weeks. We set clear milestones upfront so you always know where things stand.
The subscription gives you unlimited design and development requests, handled one at a time in priority order. You get async updates, bi-weekly strategy syncs, and the flexibility to adjust priorities as your product evolves.
Yes. The subscription plan is fully flexible — pause when you don't have work queued up, and resume when you're ready. No long-term contracts, no cancellation fees. You're in control.
