Brand Kit
Style Guide
The living reference for StringTheory's logo, color, type and interface. Everything here is rendered from the same design tokens the product uses.
Logo
Lockups and usage
Two official lockups. The horizontal lockup carries the header, footer and documents; the stacked lockup is for auth panels, social avatars and square placements.
Horizontal — light surface
Stacked — light surface
Reversed — dark band
Clear space and minimums
- Clear space on all sides equals the height of the ring mark.
- Minimum height: 28px horizontal, 48px stacked, 20px mark alone.
- On dark bands use the reversed lockup — never the light artwork.
- Never recolor, stretch, outline, add effects to, or set the lockup on a busy photograph.
Source artwork: stringtheory-logo-horizontal.jpg and stringtheory-logo-stacked.png.
Color
The five brand colors
Every surface in the product is built from these five, plus derived hovers and tints. No other hues are introduced.
Steel Strings Gray
#8C908E
Token: strings-gray
Muted text, hairlines, the staff-line motif.
Safe behind cream text.
Tonewoods Brown
#784B2E
Token: tonewoods / brand
Primary actions, links, emphasis bands.
Safe behind cream text.
Vintage Amber
#D9A066
Token: amber / gold
Highlights, eyebrows on dark, progress and streaks.
Use as a surface, not as small text on cream.
Deep Ebony
#2C241B
Token: ebony / charcoal
Headings, body text, header and footer bands.
Safe behind cream text.
Cream Binding
#F2EFE9
Token: cream / background
Page paper, reversed text on dark bands.
Use as a surface, not as small text on cream.
Typography
MiSans, one family
Bold for headlines, SemiBold for eyebrows and interface labels, Regular for body. Self-hosted, no external font requests.
Display — MiSans Bold, clamp 36–64px
StringTheory
H1 — MiSans Bold, clamp 32–40px
The Guitar Community
H2 — MiSans Bold, clamp 28–32px
Find your people
H3 — MiSans SemiBold, 24px
Learning paths
H4 — MiSans SemiBold, 20px
Blues Fundamentals
Lead — MiSans Regular, 18px
Everyone has a place in the circle.
Body — MiSans Regular, 16px
One careful record for each person, organization, brand, instrument, service, place, event and community.
Small — MiSans Regular, 14px
Nashville, Tennessee · 12 years playing
Eyebrow — MiSans SemiBold, 12px, 0.18em
The Guitar Community
Components
Interface kit
Live components, not screenshots — what renders here is what ships.
The six-string staff motif divides bands and anchors hero artwork.
Design principles
How it should feel
01
Minimalist Aesthetic
Generous space, hairline rules, one idea per band. Nothing decorative earns its place unless it clarifies.
02
Inviting & Professional
Warm paper and tonewood tones keep the platform human, while precise type and alignment keep it credible.
03
Musical Symbolism
The soundhole ring and six strings recur as structure — dividers, progress, empty states — never as clip art.
04
Consistent Harmony
Five colors, one typeface, one component set. Every screen is recognisably the same instrument.