Made by@brandkitOn brand check
@brandkit/on-brand-check
Review a page, stylesheet, email, deck outline, or post against your brand guide and get a short fix list: off-palette colors (with the nearest brand color), wrong fonts, sizes and spacing off the scale, banned words, logo misuse, and voice. Reports only; changes nothing.
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
- 1# Fernleaf brand guide
- 3Fernleaf makes scheduling software for small clinics. This guide is the single source of truth for how Fernleaf looks and sounds.
- 5## Tokens
- 7```yaml tokens
- 8name: Fernleaf
- 9color:
- 10 primary: "#1F7A5C"
- 11 primary-dark: "#145441"
- 12 accent: "#F2A541"
- 13 ink: "#1B1F23"
- 14 paper: "#FFFFFF"
- 15 muted: "#5F6B76"
- 16 surface: "#F4F7F5"
- 17font:
- 18 heading: [Fraunces, Georgia, serif]
- 19 body: [Inter, system-ui, sans-serif]
- 20 mono: [JetBrains Mono, ui-monospace, monospace]
- 21text:
- 22 sm: 14px
- 23 base: 16px
- 24 lg: 20px
- 25 xl: 28px
- 26 display: 44px
- 27space:
- 28 "1": 4px
- 29 "2": 8px
- 30 "3": 16px
- 31 "4": 24px
- 32 "5": 40px
- 33radius:
- 34 sm: 4px
- 35 md: 10px
- 36 pill: 999px
- 37shadow:
- 38 card: 0 1px 3px rgba(27, 31, 35, 0.12)
- 39logo:
- 40 primary: assets/logo.svg
- 41 mark: assets/logo-mark.svg
- 42 min-width: 96px
- 43 clear-space: 0.5x logo height
- 44voice:
- 45 avoid: [synergy, leverage, best-in-class, revolutionary, utilize]
- 46```
- 48## Colors
- 50- **Primary green** for buttons, links, and key highlights. Never as a full-page background behind body text.
- 51- **Accent amber** sparingly: one highlight per screen or slide.
- 52- **Ink** for text. **Muted** for secondary text only, never below 14px.
- 54## Type
- 56- Headings in Fraunces, sentence case. Body in Inter.
- 57- One display size per page.
- 59## Logo
- 61- Use the full logo on white or surface. Use the mark alone only under 96px wide.
- 62- Keep clear space of half the logo height on every side. Never recolor, stretch, or add effects.
- 64## Voice
- 66- Warm, plain, and specific. We talk like a helpful front-desk person, not a brochure.
- 67- Short sentences. Say "you". Lead with what the reader gets.
- 68- Numbers over adjectives: "saves 3 hours a week", not "saves tons of time".
- 70## Spacing
- 72- Spacing comes from the scale only (4, 8, 16, 24, 40). Generous white space around headings.