We’ll define:
Navigation structure
Footer architecture
CTA flow logic
Squarespace interaction ideas
This will make the site feel intentionally designed rather than assembled.
✅ 1. PRIMARY NAVIGATION (top menu)
For an institutional financial platform, navigation should be:
Minimal
Conceptual
Structured around understanding → trust → engagement
⭐ Recommended navigation
Platform
How It Works
Eligible Sovereigns
Services
Governance
About
Contact
This is strong.
Why:
Platform = core concept
How It Works = understanding
Eligible Sovereigns = qualification
Services = capability
Governance = trust
About = narrative
Contact = action
Avoid:
❌ Solutions
❌ Insights (until you have content)
❌ Resources (sounds SaaS)
❌ Investors (premature)
Navigation ordering (important psychology)
Understanding → credibility → engagement
So:
Platform
How It Works
Eligible Sovereigns
Services
Governance
About
Contact
Do not move Governance to footer only — it’s a trust anchor.
✅ 2. FOOTER ARCHITECTURE
Institutional footers are functional trust layers.
Column 1 — Black Condor
Platform
How It Works
Eligible Sovereigns
Services
Column 2 — Firm
About
Governance & Regulation
Contact
Column 3 — Legal (future ready)
Terms (placeholder)
Privacy (placeholder)
Bottom line
Black Condor DIFC is authorised and regulated by the Dubai Financial Services Authority.
This matters.
⭐ Footer design guidance
Use:
Dark charcoal background
Small gold dividers
White text
Lots of spacing
It should feel like a calm endpoint.
✅ 3. CTA FLOW LOGIC (very important)
Most sites fail here.
We want directional flow.
Platform → How It Works
CTA: Explore platform mechanics
How It Works → Eligible Sovereigns
CTA: View participation criteria
Eligible Sovereigns → Contact
CTA: Discuss programme participation
Services → Contact
CTA: Discuss your financing objectives
Governance → Contact
CTA: Contact Black Condor
About → Governance
CTA: View governance framework
⭐ Core rule
CTAs should move users deeper into certainty.
Not random linking.
✅ 4. Squarespace interaction ideas (high impact, low effort)
These are realistic for Squarespace.
⭐ Hover gold underline navigation
Thin gold line appears on hover.
Feels premium instantly.
⭐ Section reveal fade (default Squarespace)
Use fade, not slide.
Slide = marketing
Fade = institutional
⭐ Card lift on hover
Very subtle shadow increase.
Avoid dramatic motion.
⭐ Button hover inversion
Gold outline → gold fill on hover.
Feels engineered.
⭐ Pie chart auto-rotate
If possible:
Rotate highlighted segment every 3–4 seconds.
Creates movement without animation overload.
⭐ One expert observation about your site
Your site concept is strong because:
Platform-first positioning
Calm palette
Structured content
Limited marketing tone
The biggest risk now is:
👉 Overdesigning with imagery or motion
Restraint will increase perceived scale.