'%20fill='%230c1c3e'%3e%3c/path%3e%3c/svg%3e)
The design system for everyone building Bonlife.
One place for designers, suppliers, agencies and internal teams to find Bonlife's logos, colours, typography, components, icons, social templates and brand facts - all traceable to the knowledge base.
Pick your starting point.
Logos, colours and fonts in the formats you need to produce work.
Ready-made post templates and a demo homepage composition.
Everything inside Bonlife.
Seven sections, each one self-contained. Deep-link any tile - they're all shareable URLs.
Foundations
Colour, typography, spacing, radius, motion.
- Onest + Inter
- Navy + coral
- Token reference
Components
Buttons, cards, plan rows, forms, dialogs.
- 17 components
- Semantic tokens
- Live previews
Iconography
1px Lucide set plus category and benefit glyphs.
- Product categories
- Value-added benefits
- SVG downloads
Social templates
Posts, stories and carousels ready for campaigns.
- 9 templates
- Multi-slide carousel
- Standard ratios
Marketing kit
A plausible bonlifenam.com built from real plans.
- Demo homepage
- Real copy
- Plan composition
Downloads
Logos, colours, fonts, photography and gradients.
- SVG logos
- Copy-to-clipboard hex
- Google Drive assets
Knowledge base
The single source of truth for Bonlife brand facts.
- Products & pricing
- Voice & tone
- Claims process
Recent updates.
A short changelog of what changed in the system.
- Apr 2025Social templates
Nine post templates plus a five-slide 'How Bonlife works' carousel.
- Jun 2025Knowledge base with admin
Single source of truth for brand facts. Import from PDFs, admin-only editing.
- Nov 2025Downloads page
Logos as SVG, colour swatches with click-to-copy hex, plus font and asset links.
- Jul 2026Iconography overhaul
Sticky sidebar layout, unified utility bar and a Google Drive link for the full icon set.