The CheckSmith.ai Brand
A concise reference for anyone creating CheckSmith.ai materials. Use these colors, type styles, logos, and voice principles to keep every touchpoint consistent.
Brand Palette
The brand scale runs from pale mist (50) to deep ink (900). Use 600 for primary actions, 900 for text and headings, and 50–100 for soft surfaces.
#eef1f8Mist backgrounds, subtle tints
#d6dbeeHover states, soft borders
#acb3d6Dividers, disabled accents
#7f88bdSecondary accents
#4e58a0Icons, muted links
#232e8cActive states, emphasis
#08126aPrimary buttons, links, headers
#060e55Button hover, deep surfaces
#050b44Footer, dark cards
#030730Primary ink, headings
Accent Colors
#3662e3Help center, tenant accents
#0461dbMarketing pill navigation
Type System
Urbanist carries display and heading weight. Epilogue handles body copy and UI text. Both are loaded via the root route and available through Tailwind font utilities.
font-display text-4xl font-extrabold tracking-tightAI-Powered Finance
font-display text-2xl font-bold tracking-tightAll in One Workspace
font-display text-xl font-boldSmart Invoicing
font-sans text-lg leading-relaxedBuilt for entrepreneurs, freelancers, and growing teams.
font-sans text-base leading-relaxedBank-level security and transparent pricing.
font-sans text-sm font-mediumNo credit card required
Logo Usage
Use the full wordmark in headers and marketing materials. Use the shield crest as a favicon, app icon, or compact mark. Always preserve clear space around the logo.
Full Wordmark
Preferred for navbars, hero sections, and any context where the brand name should be immediately readable.
Shield Crest
Use on dark backgrounds, as an app icon, or wherever horizontal space is limited.
Hero Logo Image
The clean hero logo is used for feature announcements and landing-page highlights. Keep the rounded-2xl treatment and subtle shadow consistent.
Voice and Tone
CheckSmith.ai speaks like a capable partner: direct, warm, and quietly confident. The product handles complexity so the copy does not have to.
Clear, Not Clever
Explain features in plain language. Avoid jargon unless the audience expects it.
Confident but Humble
We are capable without being arrogant. Let results speak louder than superlatives.
Inclusive
Speak to freelancers, family-owned shops, agencies, nonprofits, and growing teams alike.
Action-Oriented
Lead with what the user can do next, not what the product does in the abstract.
Do's and Don'ts
A few simple rules keep the brand looking sharp across every surface.
Do
- Use Title Case for headlines and subheadlines.
- Apply
text-prettyto paragraphs andtext-balanceto headings. - Keep the trademark in superscript: CheckSmith.ai.
- Left-align body copy for readability.
Don't
- Use ALL CAPS for headings or badges.
- Apply hyphenation to paragraphs or headings.
- Place decorative icons next to titles or card headings.
- Hardcode hex codes in components; use the brand tokens instead.
Design Tokens & Assets
Download the brand palette and typography as ready-to-use design tokens for Figma, Style Dictionary, or any downstream stylesheet.