Building simple apps to solve interesting problems.
The big idea.
Random Fact is curiosity made tidy. Every brand decision should reinforce two qualities at once.
Bubbles, warm color, conversational copy, a wink in the wordmark.
Geometric construction, restrained typography, generous whitespace.
If a design feels noisy, it is wrong. If it feels sterile, it is wrong.The mark is bubbles, not foam.
The mark.
A cluster of overlapping circles paired with the Random Fact wordmark. Each size shows a different amount of detail — not just a different scale.
2.1Anatomy: the bubble system
The mark is built from three layers, each containing a complementary color pair and circles drawn at three discrete radii.
soft, distant
the brand colors you remember
weight, anchor
All three layers, drawn back-to-front.
r = 4.96r = 6.87r = 11.07Three radii, in roughly a 1 : 1.38 : 2.23 progression. No intermediate sizes.
2.2Logo lockups
bubbles-little.svgbubbles-medium.svgbubbles-big.svgtag-medium.svg2.3Clear space
Reserve clear space equal to the diameter of one large bubble on all sides. Nothing — text, edge, button, another logo — may enter that zone.
2.4Minimum sizes
Below these sizes, drop to the next-smaller lockup rather than shrinking further. The full icon is sized for hero and splash use — for headers and other compact placements, reach for the medium.
2.5Backgrounds
Color.
Two colors carry the brand. Six colors build it. Always pair within a layer.
3.1The signature pair
#3f7ca5#f7b6003.2The full palette — three layered pairs
Atmosphere — soft tints, hover and disabled states, illustration backdrops.
#fce9a8rgb(252, 233, 168)#c0e5f9rgb(192, 229, 249)Signature — the brand colors you remember.
#f7b600rgb(247, 182, 0)#3f7ca5rgb(63, 124, 165)Anchor — depth and weight, dense text and small high-contrast accents.
#915e00rgb(145, 94, 0)#071f39rgb(7, 31, 57)3.3Surfaces & text
The light background is intentionally warm, not pure white — it lets the gold sit comfortably without vibration. Do not substitute #ffffff.
3.4Accessibility
| Foreground | Background | Sample | Ratio | Verdict |
|---|---|---|---|---|
| #1f2937 | #faf9f7 | Aa | ≥ 12 : 1 | AAA body |
| #3f7ca5 | #faf9f7 | Aa | ≥ 4.5 : 1 | AA body, AAA large |
| #915e00 | #faf9f7 | Aa | ≥ 4.5 : 1 | AA body |
| #071f39 | #fce9a8 | Aa | ≥ 12 : 1 | AAA body |
| #f1f5f9 | #000000 | Aa | ≥ 18 : 1 | AAA body |
| #f7b600 | #ffffff | Aa | ~ 2.1 : 1 | Fails — display only |
Typography.
Two typefaces, used strictly for two purposes. Exo speaks. Montserrat reads.
4.1Exo — display
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? — •
The quick brown fox jumps over the lazy dog.
4.2Montserrat — body
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? — •
A new fact, every visit. The product is the canonical brand expression — its rhythm and restraint are part of how Random Fact reads.
4.3Type scale
4.4The wordmark, in type
Stacked or inline are both acceptable. Never uppercase, italic, or underlined.
Voice & tone.
A person who finds the world interesting and assumes you do too. Not the loudest one in the room — the one who makes the loudest one laugh.
- Curious, not academic.
- Warm, not cute.
- Brief, not blunt.
- Honest about what the apps do, and what they don't.
- Hype-y. ("Revolutionary," "10x" — none of these.)
- Cynical. We don't punch down.
- Performatively quirky.
- Reaching for emoji to do the work of words.
"Mind-blowing facts delivered straight to your screen!"
"A new fact, every visit."
"We're a passionate team building cutting-edge mobile experiences."
"Building simple apps to solve interesting problems."
"Don't miss out — sign up now!"
"Want updates? Drop us a note."
In the wild.
The product is the canonical brand expression. Everything else takes its cues from how the home page is set.
6.1Home — the canonical expression
Octopuses have three hearts, nine brains, and blue blood — all things the rest of us are visibly out-classed by.
6.2Store badges
Use the version that contrasts with the surface — black on light, white on dark. Never on Brand Gold or Brand Blue. Separate from the Random Fact mark by clear space ≥ the badge height.
6.3A button, a button, a button
Misuse, at a glance.
None of these are okay. They appear here so you can recognize them when you see them — and not ship them.