Stay in control
Clear boundaries. Useful context. Knowledge that remains yours.
The CNTXT_ design system
A clear identity.
A shared language
Reusable foundations and components for a serious platform with a human side.
Secure
Connect
Remember
Go further _
Connect
Remember
Go further _
01 / Brand architecture
CNTXT_by Exponenture
The platform. Always include Exponenture provenance in primary brand placements.
The C_ icon. For apps, connectors and favicons.
Archie
The helpful guide. Use in onboarding, help and conversational moments.
02 / Colour
Midnight
#080F14
Slate
#1B2A2F
Mist
#E6ECEF
Hot pink
#FF0085
Mint
#34D1B2
Hot pink is the signature accent. Use the darker accessible pink token for small text on white. Mint is reserved for helpful feedback.
03 / Typography
Your knowledge
Sora · display · light / regular · responsive sizingKnowledge moves people forward.
Sora · section headings · regularA secure, independent memory layer for your organisation.
Inter · body · regular / medium · 16–18px04 / Actions & feedback
Your knowledgeYours to keep
<a class="button" href="how-it-works.html">See how it works</a> <button class="button secondary" data-demo data-plan="Hybrid">Discuss Hybrid</button>
05 / Cards & content
Start where you are.
Bring your sources together and give your team a shared foundation.
Source-aware context
What did we decide?
Useful answers keep the source close at hand.
06 / Behaviour
Keyboard-visible focus, native dialogs, descriptive labels, responsive layouts and reduced-motion support. Content is readable without JavaScript; interactions enhance the experience.
A reusable disclosure component
Use native details and summary elements for concise, accessible answers. Keep essential information visible outside collapsed content.