Default signature
Use the tonal blue rose with the full McIntosh Systems name in Ink. Keep the wordmark in Geist Medium, with Systems in Regular.
Style guide
The tonal blue rose is the standard. Geist carries the type. Use clear language to explain what improves for the client.
Use the tonal blue rose with the full McIntosh Systems name in Ink. Keep the wordmark in Geist Medium, with Systems in Regular.
Leave at least one quarter of the rose’s diameter clear on every side. Keep text and other marks outside this area.
Use the solid mark at 16–23 px. Use the tonal mark from 24 px when contrast is sufficient. The full signature should keep the rose at least 28 px tall.
Keep the circle, seven petals, and transparent channels intact. Scale proportionally. Avoid outlines, shadows, gradients inside the petals, and stretching.
Blue and periwinkle make the tonal rose. All three lighter petals use the same shade so each remains visible. Mist, White, and Paper provide backgrounds; Ink handles text.
Alternate palettes are available for future campaigns, themes, and branded materials. Keep the main company signature blue for consistency. Status colors in applications retain their own meaning.
Use dark text over pale colors. Periwinkle and Mist are background and illustration colors, not body-text colors.
Built around
the business.
CAP-026
$320,000.00
Systems.
Headings, navigation, body copy, and the wordmark. Use Regular and Medium most often. Body copy is 16–18 px with a comfortable line height.
Reference numbers, technical labels, and selected financial figures. Keep it out of long paragraphs.
Occasional display accents and brand pieces. Use sparingly and keep routine controls in Sans.
Translucent navigation and framing.
Opaque surfaces for reading and decisions.
Start with a 62% white fill, an 18 px backdrop blur, a fine white edge, and a light shadow. Adjust for the actual background.
Keep tables, forms, and review screens on solid backgrounds. Information should stay clear when the surrounding visual changes.
Use the blue landscape as a quiet atmosphere. Keep text in a stable, high-contrast area and avoid decorative AI imagery that competes with the work.
One short reveal, then still. Reduced-motion preferences show the complete mark immediately.
Use motion to introduce the rose or respond to an interaction. Keep the whole circle fixed. Avoid continuous spinning, bouncing petals, or movement behind data-heavy content.
Lead with what improves for the client, such as less manual work or clearer spending information. Use familiar words and explain technical details only when they help someone decide.
“See what is requested, approved, and spent.”
“Unlock seamless transformation with cutting-edge solutions.”
Write about approvals, reports, spending, and repeated work. Explain a technical term only when it helps the reader understand what they will get.
Show the workflow or a verified example. Publish client names, quotations, and performance results only with an approved source.
Talk about a project. Explore CapFlow. See how we work. The next step should be clear from the link text.
The kit includes rose SVG variants, design tokens, and the written guide.