Logo, color, type, graphics, icons, and photography. The building blocks behind everything we make.
An organic blob with a forward lean, paired with a wordmark set in a modified Martina Plantijn Regular.
Our shapeshifting blob. Use it on its own when space is tight or the brand is already clear.
Martina Plantijn Regular, with custom modifications that make it ours.
Icon and wordmark together. This is our default logo.
Use light-on-dark or dark-on-light, always within one color family.
Four color families. Jewel tones do the heavy lifting, and energy colors show up sparingly. Click any swatch to copy its hex.
Pair colors within one family and let restraint do the work.
Flood a background with an accent color. It gets loud and looks like every other SaaS brand.
Mix color families in one piece, like Aubergine next to Raspberry with Tidal type.
We aim for ADA-friendly type. AA Large is OK for big headlines but not for body copy at 16pt or smaller. Ratios are calculated live.
The product uses an indicator palette that complements the brand palette but stays different enough from it.
Martina Plantijn leads, with italics to show movement. GT Standard supports, and Basel Grotesk Mono handles tags.
Headlines, subheads, and buttons. Regular, Medium, and Italics.
Fallback: Crimson Pro
Captions, navigation, and longer copy. Regular, SemiBold, and Italics.
Fallback: IBM Plex Sans
Eyebrows, tags, and monospace in the product. Regular.
Fallback: IBM Plex Mono
Organic blobs, delicate lines, texture, and solid color, all taken from the logo.
Organic blob shapes, delicate lines, texture, and solid color.
An inner glow, not an aura. Life and power at the core.
Trajectory but smooth. Breaking out of containers with a continuous path.
Faster and expanding. Shapes morph like they’re alive.
Slow and ambient. Use it behind product so it never distracts.
Move from dark mode to light mode. Never put two jewel tones side by side. Off-white and Butter are neutral and can touch anything.
Product illustrations should complement the system, not compete with it. Use white backgrounds, rounded corners, and tonal pops of color.
Our icons echo the blob logo in an illustrative way.
Candid people with optimistic or smiling expressions. A little blur and depth that captures a present moment.
Overly staged photography.
Reinforce reality through human diversity, with variety in gender, age, and more.
Image treatments. Crop photos into blobs from the building blocks for an organic, flexible frame. Blobs can be simplified into calmer frames.