Brand guidelines, assets, and resources for press, partners, and community.
Logo Marks
Our marks
Chitmunk uses two logo marks. The Hex Chit is the primary mark for most applications. The D20 Acorn serves as a secondary mark, favicon, and compact identifier.
Primary Mark: Hex Chit
The Hex Chit is our primary brand mark. A hexagonal game chit with a friendly face and whiskers. Use this in most contexts where the Chitmunk brand appears.
Dark, #12110F
128px
64px
32px
16px
Light, #F5F0EB
128px
64px
32px
16px
White, #FFFFFF
128px
64px
32px
16px
Chitmunk
Wordmark lockup: Hex Chit mark + Nunito 700
Secondary Mark: D20 Acorn
The D20 Acorn is used as a favicon, compact identifier, and secondary brand mark. Use when space is limited or as a complementary mark alongside the Hex Chit.
Dark, #12110F
128px
64px
32px
16px
Light, #F5F0EB
128px
64px
32px
16px
White, #FFFFFF
128px
64px
32px
16px
Chitmunk
Wordmark lockup: Acorn mark + Nunito 700
Usage Rules
✓
Maintain minimum clear space equal to the width of one ear around the mark.
✓
Use the mark at 16px or larger. Below 16px, use the Acorn mark instead.
✗
Do not stretch, rotate, skew, or apply drop shadows or other effects to the marks.
✗
Do not change the brand colors. Only use the marks with the official amber and walnut palette.
✗
Do not place the marks on busy, patterned, or low-contrast backgrounds.
✗
Do not add outlines, glows, bevels, or any other visual effects to the marks.
Color Palette
Brand colors
Our palette is built from warm walnut darks and amber accents. These colors define the Chitmunk brand across all touchpoints.
#12110F
Walnut Dark
Primary background, app chrome
rgb(18, 17, 15)
#1C1A16
Walnut Medium
Secondary surfaces, toolbar
rgb(28, 26, 22)
#181613
Walnut Panel
Panel backgrounds
rgb(24, 22, 19)
#242018
Walnut Elevated
Elevated surfaces, tooltips
rgb(36, 32, 24)
#3A3428
Border
Borders, dividers
rgb(58, 52, 40)
#E8913A
Acorn Amber
Primary accent, CTAs, brand
rgb(232, 145, 58)
#EDA355
Amber Hover
Hover states
rgb(237, 163, 85)
#F0B060
Amber Light
Gradient endpoint, highlights
rgb(240, 176, 96)
#C06A1A
Cap Brown
Secondary accent, darker amber
rgb(192, 106, 26)
#E8E4DE
Text Primary
Body text on dark
rgb(232, 228, 222)
#B8B2A8
Text Secondary
Secondary text
rgb(184, 178, 168)
#A09890
Text Muted
Tertiary text, captions
rgb(160, 152, 144)
#F5F0EB
Cream
Text on dark, light backgrounds
rgb(245, 240, 235)
Typography
Nunito
Our primary typeface is Nunito from Google Fonts. It's warm, rounded, and approachable: a natural fit for a brand that speaks like a fellow creator. Nunito is used for all brand material, headings, and UI text. System fonts are acceptable for app UI chrome below 13px.
Regular 400The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Size Scale
10pxCaption text
11pxSmall label
12pxMetadata
13pxUI text
14pxBody text
16pxLarge body
18pxSubheading
24pxHeading
Load from Google Fonts: family=Nunito:wght@400;600;700;800
Logo Lockups
Lockup variations
Use these approved lockup formats. Choose dark or light backgrounds based on context.
Chitmunk
Horizontal: Hex Chit on dark
Chitmunk
Horizontal: Hex Chit on light
Chitmunk
Horizontal: Acorn on dark
Chitmunk
Horizontal: Acorn on light
Chitmunk
Stacked: Hex Chit on dark
Chitmunk
Stacked: Hex Chit on light
Social Media
Social media guidelines
Consistent brand presentation across social platforms. Use these guidelines for profile images, banners, and covers.
Profile Avatar
Hex Chit mark centered on Walnut Dark (#12110F) background with generous padding. Export at 400×400px.
ChitmunkStash your best ideas.
Cover / Banner
Amber gradient with "Chitmunk" wordmark and tagline. White text for maximum contrast.
Recommended Sizes
Profile Avatar400 × 400
Twitter Banner1500 × 500
Facebook Cover820 × 312
Profile Sizes
Standard dimensions for major platforms. Always export at 2x for retina displays.
Downloads
Brand assets
Download logo files and mascot artwork for press, community, and partner use.
Chitmunk sounds like a fellow game designer, not a software company. Warm, direct, and knowledgeable.
Tagline
Stash your best ideas.
Tone
Warm, approachable, and knowledgeable. We write the way we'd talk to a friend at a game night: enthusiastic about the craft, specific about the details, and never condescending. We assume our audience is smart and creative. We help them do their best work without getting in the way.
✓ Do
Use "you" and "your": speak directly to the creator
Be direct and concise. Short sentences win.
Be specific about game design concepts, "poker-size cards" not "standard cards"
Use active voice: "Export your deck" not "Your deck can be exported"
Show enthusiasm without exclamation points
Reference the creative process: "prototype", "playtest", "iterate"
✗ Don't
Use corporate jargon: no "leverage", "synergy", or "ecosystem"
Talk down to users or over-explain simple concepts
Use passive voice when active is clearer
Say "powerful" or "robust": show, don't tell
Use "we" when "you" works better
Promise features that don't exist yet
Questions about brand usage?
Reach out if you need additional assets, custom formats, or have questions about using the Chitmunk brand.
Social media guidelines
Consistent brand presentation across social platforms. Use these guidelines for profile images, banners, and covers.
Profile Avatar
Hex Chit mark centered on Walnut Dark (#12110F) background with generous padding. Export at 400×400px.
Cover / Banner
Amber gradient with "Chitmunk" wordmark and tagline. White text for maximum contrast.
Profile Sizes
Standard dimensions for major platforms. Always export at 2x for retina displays.