MBER mark
MBER

ignite your content

Brand Guidelines · v1 · 2026
Logo

The mark

Do
Pair the glowing M with the "ignite your content" lockup.
Keep clear space of at least one M-height on every side.
Minimum mark size 24px so the glow stays legible.
Don't
Don't recolor the mark or remove the amber glow.
Don't stretch, rotate, or add extra shadows or outlines.
Don't place the mark on busy or low-contrast backgrounds.
MBER glow mark on dark

ignite your content

Glow mark · dark mode
MBER glow mark on light

ignite your content

Glow mark · light mode
MBER
02 / 09
Color

Palette · dark

Primary
Amber
#F59E0B
rgb(245 158 11) · text on amber = #000
Amber ramp · charts & depth
FBBF24
F59E0B
D97706
B45309
92400E
Dark theme tokens
Background
#171717
Card
#1F1F1F
Foreground
#E5E5E5
Muted text
#A3A3A3
Secondary
#262626
Border
#404040
Sky (EU accent)
#38BDF8
Destructive
#EF4444
MBER
03 / 09
Color

Palette · light

Primary
Amber
#DC691E
rgb(220 105 30) · text on amber = #000
Amber ramp · charts & depth
DC691E
E5853F
EEA268
F5BF96
FAD8BE
Light theme tokens
Background
#F7F7F7
Card
#FFFFFF
Foreground
#1A1A1A
Muted text
#737373
Secondary
#EBEBEB
Border
#DCDCDC
Sky (EU accent)
#0EA5E9
Destructive
#C43830
MBER
04 / 09
Typography

Type system

JetBrains Mono
Titles, navigation, labels, and all numerics. Bold uppercase with wide tracking is the signature.
FILTER EXPLORE TRACK
score 92.4 · 1,129 posts · 0xA1…f3 · #DC691E
System Sans
Body copy, descriptions, and controls. The native system stack.
The focused timeline underneath the noise. Descriptions, controls, and body copy run in the system sans stack.
Signature lockup
"ignite your content" sits under the mark: mono caps, light weight, amber glow on "ignite".

ignite your content

MBER
05 / 09
Voice

How we write

X is loud. Meet your focused timeline.
Turn the firehose into signal.
Track more. Pay less.
Stop doom scrolling. Start creating.
MBER
06 / 09
Application

In the product · dark

Primary CTA · outline-primary
Get started See features ↓

Amber outline is the primary call to action on hero and landing surfaces. The quiet mono-caps link is the secondary path beside it.

Secondary
Cancel

Muted fill, foreground text. For low-emphasis actions next to a primary.

Sidebar navigation · thicker
Filter Explore

Mono, bold, uppercase, 0.22em tracking. Bordered and padded heavier than buttons; amber when active. All buttons share rounded-lg, 11px, uppercase, wide tracking.

Panel · post card
MBER
@mber_app · Apr 25
214
3.4%eng 0.31%vrl 0.94%qual

Turn the firehose into signal. Your focused timeline, scored and ranked, so the work that matters surfaces first.

38 102 4,578 Open

Panels: rounded-xl (10px), border-border/60, bg-card, shadow-md on hover. Amber marks the score and signal; the surface stays calm.

MBER
07 / 09
Application

In the product · light

Primary CTA · outline-primary
Get started See features ↓

Amber outline is the primary call to action on hero and landing surfaces. The quiet mono-caps link is the secondary path beside it.

Secondary
Cancel

Muted fill, foreground text. For low-emphasis actions next to a primary.

Sidebar navigation · thicker
Filter Explore

Mono, bold, uppercase, 0.22em tracking. Bordered and padded heavier than buttons; amber when active. All buttons share rounded-lg, 11px, uppercase, wide tracking.

Panel · post card
MBER
@mber_app · Apr 25
214
3.4%eng 0.31%vrl 0.94%qual

Turn the firehose into signal. Your focused timeline, scored and ranked, so the work that matters surfaces first.

38 102 4,578 Open

Panels: rounded-xl (10px), border-border/60, bg-card, shadow-md on hover. Amber marks the score and signal; the surface stays calm.

MBER
08 / 09
MBER mark

ignite your content

MBER · Brand Guidelines · 2026