Guidelines
What Haven Is Not
Haven Senior Investments is a senior housing advisory and consulting firm — a subsidiary of HavenCo, LLC. Haven provides advisory, consulting, market analysis, capital introduction, and transaction support services to owners, operators, investors, buyers, and developers in the senior housing industry across all 50 states.
Haven operates within a three-entity structure under HavenCo, LLC. Each entity must be referenced accurately in any branded content:
The parent entity HavenCo, LLC is referenced in legal documents, footers, and the About page as "A HavenCo, LLC Company." Haven Realty, LLC is the licensed brokerage arm — brokerage services are performed by Haven Realty, LLC, not Haven Senior Investments, LLC. Never describe Haven Senior Investments as a brokerage.
Core Brand Positioning
Senior housing advisory and consulting firm. Senior housing only — not a generalist commercial real estate firm. All 50 states. Commercial only — 16+ beds.
Not a real estate brokerage (that is Haven Realty, LLC). Not generalist CRE. Not residential. Not board-and-care. Not sub-16 beds.
Authoritative without being cold. Data-driven without being clinical. Warm to the human side of senior housing without being sentimental. Luxury-adjacent without being exclusive.
"Senior Housing Only — Not a Generalist Firm"
"$2B+ in Senior Housing Transactions"
"All 50 States Served"
"Ethical Guidance You Can Trust in Senior Housing Investments"
Palette
Haven's palette is built around deep navy authority and warm gold precision. Navy communicates trust, expertise, and institutional confidence. Gold communicates quality, care, and the premium nature of senior housing advisory. Cream provides warmth and legibility for long-form content. Slate anchors body copy on light backgrounds.
Text Opacity — Dark Backgrounds
On navy and dark backgrounds, white text is used at controlled opacity levels for hierarchy. Never use opacity below 0.55 for any readable text — this is the accessibility minimum. On mobile, bump all opacity values up by 0.15–0.20.
only
text
Rule Color
All dividers and card borders use rgba(13,27,42,.09) on light backgrounds. On dark backgrounds, use rgba(255,255,255,.06) for dividers and rgba(200,169,110,.14) for gold-tinted borders.
One System.
Haven uses exactly two typefaces — Cormorant Garamond for all editorial and display type, and Jost for all UI, labels, body, and functional text. No other typefaces are permitted. Both are loaded from Google Fonts.
Advisory Standard
Heading Scale
Readability Floor
Every text element in every Haven page must meet these minimum font sizes. These are not guidelines — they are hard floors. Any font size below 11px is never permitted for readable text, regardless of the design intent. Violations are corrected immediately in all files.
| Element Type | Minimum Desktop | Minimum Mobile | Weight | Status |
|---|---|---|---|---|
| Eyebrows, all-caps labels | 11px | 11px | 700, .22em tracking | Hard Floor |
| Card tags, category labels | 11px | 11px | 700, .18em tracking | Hard Floor |
| Source / attribution lines | 11px | 11px | 300–400, .04em | Hard Floor |
| Stat subtitles, band sub-text | 12px | 12px | 300 | Hard Floor |
| Button / CTA text | 12px | 13px | 700, .12em tracking | Hard Floor |
| Card body, secondary text | 14px | 15px | 300 | Minimum |
| Primary body paragraphs | 15px | 16px | 300, 1.88 line-height | Minimum |
| Table body cells | 14px | 13px (accept) | 300 | Minimum |
| List items | 15px | 15px | 300 | Minimum |
Previous violation pattern: Early page builds used 8px–10px for eyebrows, tags, and source lines — sizes that are completely unreadable on any modern display. All files have been corrected to the standards above. The global global-mobile-fix.css (pasted into Elementor → Site Settings → Custom CSS) enforces these minimums site-wide using max() as a safety net.
Every Haven Page
All Haven pages are built from the same component library. Components share consistent spacing, border treatment, and typographic standards. No one-off styling should be introduced — if a new component is needed, it must follow the system rules before being deployed.
Eyebrow Labels
Eyebrows introduce every major section. They use Jost 700, 11px, 0.22em letter-spacing, uppercase, and always include a 32px gold rule after using ::after. Two variants: dark (on light backgrounds) and light (on dark backgrounds).
On light background:
On dark background:
Buttons
Three button variants. All use Jost 700, 12px, 0.12em tracking, uppercase. Primary CTA always gold on navy text. Ghost for secondary on dark backgrounds. Outline for secondary on light backgrounds. On mobile, all buttons expand to full width and increase to 13px, 16px padding.
On dark background:
On light background:
Content Cards
Cards use a cream or white background, 1px gold border on top that appears on hover, and a card-tag + Cormorant title structure. Dark card variants (on navy backgrounds) use rgba(255,255,255,.04) backgrounds. No drop shadows — borders only.
Standard card (light bg):
Card body copy in Jost 300, 13–14px, slate color. Never below 13px for desktop card text, 14px minimum on mobile.
Dark card (navy bg):
Dark card body text. Minimum 13px, rgba(255,255,255,.58) — never below .55 opacity.
Stat display (dark bg):
Callout Blocks
Callouts use a 3px gold left border and italic Cormorant text for editorial emphasis. Two variants: cream (on light sections) and navy (embedded on light sections for contrast). Callout text is always Cormorant Garamond italic, 17–18px, with keyword bolding in Cormorant 500.
"The callout block pulls a key idea from the surrounding body copy and gives it visual weight. Bold text within callouts uses weight 500, not 700 — italic context requires restraint."
"Navy callouts provide contrast within light sections without requiring a full dark section. Use for important advisory points, key quotes, or data highlights."
Hero Grid Texture & Gold Radial Glow
All dark hero sections use a subtle 64×64px grid texture at rgba(255,255,255,.016) opacity — visible on close inspection but subliminal in use. Combined with a right-side gold radial glow at rgba(200,169,110,.06). Never increase grid opacity above .02 or it becomes distracting.
Constrained Content
Every Haven page uses a full-bleed wrapper pattern within Elementor. Content is constrained to a 1200px max-width centered container. Section backgrounds always bleed to the viewport edge — never boxed. This is critical for the immersive dark/light alternating rhythm.
Every page uses the .hsv-wrap class for full viewport-width coverage from within Elementor's constrained container:
position: relative;
left: 50%; right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
}
All page content is limited to 1200px centered. Standard section padding is 88px vertical, 64px horizontal on desktop:
padding: 88px 64px;
}
.sec-in {
max-width: 1200px;
margin: 0 auto;
}
Every widget must include this reset at the top of its <style> block to neutralize Elementor's wrapper padding:
.elementor-widget-wrap,
.e-con > .elementor-widget-html {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
Section Alternation Pattern
Haven pages alternate section backgrounds to create rhythm and prevent visual fatigue. The canonical sequence is:
Responsive Breakpoints
Two-column → one column. Stat grids → 2 columns. Side panels collapse below hero content.
All grids → 1 column. Padding 24px. Buttons full-width. Body text 16px. Opacity lifted .15+.
Padding → 18px. All multi-column stat grids → 1 column. H1 → 28–30px. Compressed trust strips.
Speaks
Haven's voice is authoritative, warm, and precise. We speak to senior housing professionals — owners, operators, buyers, investors, developers — with the confidence of a firm that works exclusively in this sector. We do not simplify. We do not oversell. We inform and advise.
Before publishing any content, ask: Would a senior housing owner with 25 years of experience find this credible, useful, and respectful of their intelligence? If the answer is no — if it oversimplifies, oversells, or lacks specificity — it needs revision.
These are the most common design violations that occur when building or editing Haven pages. Each one has been identified from actual session work and is treated as a critical error requiring immediate correction.
8px, 8.5px, 9px, 9.5px, 10px, 10.5px fonts for eyebrows, tags, or source lines. These are completely unreadable. The hard floor is 11px for all text, with no exceptions. The global CSS safety net enforces this but individual widget CSS must also comply.
Text at rgba(255,255,255,.28) or rgba(255,255,255,.35) on dark backgrounds. Decorative elements may go lower but any text that conveys information must be at or above .55 opacity — higher on mobile (.70+).
slinvestors.com is not operated by Haven Senior Investments, LLC and must never appear in Haven content, contact blocks, privacy policy, or footer. It is a separate entity entirely.
"Real estate brokerage," "licensed broker," "brokerage firm" — these terms must never describe Haven Senior Investments. Haven is an advisory and consulting firm. Brokerage is Haven Realty, LLC.
Always SeniorCRE® — the registered trademark symbol (®), never ™. This applies everywhere: page copy, buttons, labels, metadata, alt text, and all communications. The correct form is set in memory and enforced in every page build.
Adding only a @media(max-width:768px) breakpoint without also including a @media(max-width:480px) small-phone breakpoint. Both are always required. Padding 24px at 768px, 18px at 480px.
Haven uses borders, not box-shadows. No drop shadows on cards, panels, buttons, or any element. The design system is flat — depth is created through background color contrast, not shadow.
The privacy policy previously had an "Attorney Review Recommended" banner. It has been removed and must not be added back to any public-facing page. If legal review is needed, it occurs internally before publishing — not as a live disclaimer.
