Figments Brand Guide

Identity guidelines for consistent brand representation

Logo

Primary Logo

The Figments logo is a stylised "F" made from horizontal bars of decreasing length, set on a blue-to-teal gradient rounded square. The bars represent structured clinical data — notes, goals, and progress — distilled into a clean, readable form.

On light background
On dark background
White mark only

Wordmark

Figments
Logo + wordmark (preferred)
Figments
Dark variant

Clear space & minimum size

Always maintain clear space around the logo equal to the height of one bar in the "F" mark. Never display the logo smaller than 24px.

Dashed border = minimum clear space. Keep this area free of text, other logos, and page edges.

Minimum size: 24px (favicon) | Preferred: 32px+ (UI) | Print: 10mm+

Colours

Primary palette

The gradient flows from Brand Blue to Brand Teal at 135 degrees. Use the gradient on the logo and key brand moments. Use the individual colours for UI elements.

Brand Gradient
CSS: linear-gradient(135deg, #026bc6, #0d9488) Angle: 135 degrees
Brand Blue
HEX: #026bc6 RGB: 2, 107, 198 Pantone: 2175 C
Brand Teal
HEX: #0d9488 RGB: 13, 148, 136 Pantone: 7473 C

Neutral palette

Slate 900
HEX: #0f172a Headings, dark backgrounds
Slate 600
HEX: #475569 Body text
Slate 400
HEX: #94a3b8 Secondary text, labels
Slate 50
HEX: #f8fafc Page backgrounds

Semantic colours

Success
HEX: #16a34aConfirmed, complete
Error
HEX: #dc2626Errors, destructive
Warning
HEX: #f59e0bWarnings, pending

Typography

Figments uses Geist Sans by Vercel as its primary typeface. It is a clean, modern sans-serif designed for digital interfaces.

Heading / 32px / Bold (700)
Today's Schedule
Subheading / 20px / Semibold (600)
Client Overview
Body / 16px / Regular (400)
Figments handles the admin so you can focus on your clients. Smart scheduling, Voice AI notes, and NDIS invoicing.
Small / 14px / Regular (400)
No credit card required. Free plan available. Cancel anytime.

Usage Guidelines

Do

  • Use the gradient logo on light or dark backgrounds
  • Use the white mark on the brand gradient
  • Pair the logo mark with the "Figments" wordmark
  • Maintain minimum clear space around the logo
  • Use the logo at 24px or larger

Don't

  • Rotate, skew, or distort the logo
  • Change the gradient colours or direction
  • Add drop shadows, outlines, or effects
  • Place on busy or low-contrast backgrounds
  • Stretch or change the aspect ratio
  • Rearrange or remove bars from the "F"

Downloads

Right-click and "Save link as..." to download each asset.

F
Logo mark (SVG)
64x64 vector
F
Icon 192 (SVG)
PWA / app icon
F
Icon 512 (SVG)
High-res app icon
F
Maskable 512 (SVG)
Android adaptive icon
Figments Brand Guide — Figments Tech Pty Ltd (ABN 91 697 631 780)
Last updated: April 2026