Brand
Mergd — Safe folder merging for your Mac.
Tokens, brand and the UI components the site is built from. Mergd shares the Nonbreakingspace midnight base with Dimmd — same surfaces, same type, its own accent.
App Icon
ON LIGHT BACKGROUND
Brand Logo
Mergd
Safe folder merging for your Mac.
Color Palette
Midnight
#0F1016
Graphite
#1A1C24
Deep Green
#0B3B2A
Mergd Green
#34D399
Soft Mint
#C6F7E2
Light Grey
#F2F2F7
Gradients
Midnight Veil
#1A1C24 → #0F1016
Mergd Glow
#34D399 → #C6F7E2
Dusk
#1E2A26 → #13141B
Greenrise
radial · green 20% → 0%
Paper
#FFFFFF → #F2F2F7
Hairline
transparent → green → transparent
Gradients are tonal and quiet — one hue, two neighbouring stops. Mergd Glow is the only saturated gradient and is reserved for primary actions and the icon's merging streams.
Typography
Aa
SF Pro
- Bold
- Semibold
- Medium
- Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()
Apple San Francisco — the macOS system font. On the web it's used via the system stack (
-apple-system), falling back to each platform's native UI font.Iconography
Simple, clean, and minimal. Rounded corners and consistent stroke weights — one <Icon> component serves every glyph on the site.
UI Elements
Coming soonSourceDestination
Living specimens — <Button>,<Pill> and<Panel> here are the same Astro components the landing page imports.
Design Tokens
:root {
/* color */
--midnight: #0F1016;
--graphite: #1A1C24;
--deep-green: #0B3B2A; /* Deep Green */
--green: #34D399; /* Mergd Green */
--mint: #C6F7E2; /* Soft Mint */
--light-grey: #F2F2F7;
/* type — Apple San Francisco via the system stack */
--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
"Helvetica Neue", sans-serif;
/* gradients — subtle, tonal */
--g-midnight-veil: linear-gradient(180deg, #1A1C24, #0F1016);
--g-mergd-glow: linear-gradient(135deg, #34D399, #7CE3B8 60%, #C6F7E2);
--g-dusk: linear-gradient(160deg, #1E2A26, #13141B);
--g-greenrise: radial-gradient(120% 90% at 50% 0%,
rgba(52,211,153,.2), transparent 65%);
--g-paper: linear-gradient(180deg, #FFFFFF, #F2F2F7);
}