Clarity first
Information hierarchy should be obvious at a glance. Reduce decoration before reducing meaning.
POLYGON RESEARCH · ADMIN STYLE GUIDE
Clear intelligence.
Quiet confidence.
The canonical visual system for Polygon Research. Use these tokens, type styles, components, and accessibility rules when creating or migrating pages.
Canonical · 2026Aligned to Polygon Brand variables
01 · FOUNDATION
Brand principles
A restrained system for presenting complex housing-market intelligence with authority and warmth.
Editorial restraint
Use generous space, disciplined typography, and a limited palette. Let the research carry the page.
Purposeful color
Navy anchors. Cotton and white provide space. Accent signals action. Gold belongs to data and emphasis.
02 · COLOR
Core palette
These six values match the Polygon Brand 2026 variable collection and define the canonical visual palette.
Core / Navy
Core / Accent
Core / Accent Deep
Chart / Gold
Surface / White
Surface / Cotton
Boundary: variables in the Apps collection support installed components. Do not treat them as Polygon brand tokens.
03 · TYPOGRAPHY
Inter, deliberately used
Inter is the single system family. Strong hierarchy comes from scale, weight, spacing, and measure—not extra typefaces.
Display · 64/64 · 700
Market intelligence
H1 · 48/52 · 700
Housing data with context
H2 · 36/42 · 700
A clearer view of the market
H3 · 24/30 · 700
Research and analysis
Lead · 18/28 · 400
Decision-ready insight for mortgage and housing professionals.
Body · 16/26 · 400
Use a comfortable line length and plain language. Dense information should feel ordered, not crowded.
Meta · 13/18 · 700
04 · COMPONENTS
Core interface patterns
A small set of consistent primitives is enough for most editorial, research, and product pages.
Buttons
On dark
INSIGHT
Standard content card
Use white for discrete content modules on Cotton or other quiet backgrounds.
Read analysis →CONTEXT
Warm editorial card
Use Cotton to separate supporting context without introducing another neutral.
View methodology →SIGNAL
Dark emphasis card
Reserve Navy surfaces for high-value summaries, navigation, and deliberate contrast.
Explore dataQuiet feature card ·
polygon-card-feature-lightFEATURE
Connected data, clearer decisions
Use this lighter treatment for feature groups on primary pages. The thin border creates structure without adding another filled surface.
Explore the feature →For data-source cards, use the existing polygon-source-* content classes inside the light card.
Soft chart bar ·
polygon-chart-bar + is-chart-soft05 · DATA
Chart language
Gold carries the data signal; Navy provides the frame. Accent is reserved for annotations or exceptions, not competing series.
64.8
+4.2 points year over year
Keep gridlines quiet, labels direct, and legends close to the data.
DO
Use Gold for the primary series and direct labels wherever space allows.
AVOID
Do not build multi-hue rainbow charts from unused legacy variables.
06 · ACCESSIBILITY
Approved contrast pairs
Ratios are based on the current palette. Standard text should meet WCAG AA at 4.5:1 or better.
Navy / White13.24:1AAA
Navy / Cotton11.54:1AAA
Accent / White4.80:1AA
Accent Deep / Cotton6.14:1AA
Gold / Navy5.88:1AA
Accent / Cotton4.19:1LARGE TEXT ONLY
Use Accent Deep for small text
Radiant Earth Accent is suitable for standard text on white, but falls short on Cotton. Use Accent Deep there.
Never rely on color alone
Pair chart colors, links, validation, and status states with labels, icons, patterns, or underlines.
07 · FORMS & STATES
Clear interaction states
Inputs and actions should communicate status through contrast, labels, borders, and supporting text—not color alone.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
State examples
Focus
Active field
Error
Invalid entry
Enter a valid work email.
Disabled
Unavailable
ButtonProcessing
08 · CONTENT SYSTEMS
Editorial and CMS patterns
Use these structures for research, methodology, articles, FAQs, and data-source documentation.
Loan-level truth creates better market intelligence
A clear article introduction should establish the question, evidence, and relevance before the reader reaches supporting detail.
A descriptive subsection
Long-form content uses a readable measure, consistent spacing, direct links, and semantic headings. Dense analysis should remain calm and navigable.
“Use evidence and hierarchy to make complexity feel manageable.”Read the methodology →
POLYGON RESEARCH
VisionPulseRiskResearch
Request a demoPAGE CONTENTUse existing shared components until their dedicated migration phase.
MIGRATION RULE
Build forward from this system.
Keep older guide content available only while it remains useful for migration. New work should follow the Polygon Brand 2026 palette and the polygon- class family shown here.
