Bear Markdown Notes. Quiet notebook on white linen.
- Productivity
- Light theme
- 14 colors
- 2 typefaces
Bear's marketing site is a hushed, paper-white canvas where a single warm red acts as the only voice that matters. Almost everything is achromatic — graphite text on cool off-white, with hairline borders, no filled buttons, and decoration appearing as faint pencil sketches (laurels, stars, a sketched bear mascot) rather than as polished illustrations. Headlines use a custom display face at weight 400 only, which strips the usual marketing-shout cadence and makes the wordmark feel handwritten rather than sold. The product itself — Bear's actual app window — is the dominant visual asset, rendered at near-1:1 scale so visitors study the real interface, not a marketing render. Pricing is a flat two-column compare with a small red PRO pill as the only chromatic punctuation.
Bear Markdown Notes design system
Brand1
Logo mark, link color, Pro badge fill, decorative underline on hero copy — the single chromatic voice in an otherwise achromatic system
Accent6
Highlight wash behind emphasized words (like a real highlighter stroke on text)
Note tag color in product preview, heading accent variant
Note tag color in product preview, heading accent variant
Note tag color in product preview, heading accent variant
Yellow supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Blue supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Neutrals7
Icon fills, graphic strokes, max-contrast emphasis
Primary body and heading text, nav links — the dominant typographic color across the entire page
Muted body text, secondary labels, icon strokes
Hairline borders on inputs, dividers, card edges
Subtle fills, decorative stroke elements, pricing card backgrounds
Page sections, soft surface lifts, alternating band backgrounds
Page canvas, card surfaces, input backgrounds, nav background
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Bear Red
5.22 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
