The Social Currency
01 — Logo Usage
The ReddCoin logo features a multicolor pinwheel mark paired with the wordmark in Goldplay Semi-Bold. Always use the approved logo files and maintain clear space around the mark.
02 — Currency Symbol
The stroked capital "Ɍ" (Unicode U+024C) is a secondary symbol used where space is limited or as a currency designation in place of "$". The stroke through the letterform distinguishes it from a standard "R" and must always be preserved.
| Glyph | Ɍ |
| Unicode | U+024C |
| HTML Entity | Ɍ |
| CSS | \024C |
| Name | Latin Capital Letter R with Stroke |
03 — Color Palette
The palette is anchored by ReddCoin Red — a bold, energetic hue that communicates trust and action. Click any swatch to copy its hex value.
Primary
Accent / Logo
Neutrals
Semantic / UI
Dark Mode Adjustments
| Token | Light | Dark | Rationale |
|---|---|---|---|
| --bg-page | #FFFFFF | #0D0D0D | Full inversion — true dark surface reduces glare |
| --bg-surface | #FAFAFA | #1A1A1A | Subtle elevation via lighter dark tone |
| --bg-raised | #FFFFFF | #2C2C2C | Cards and modals — higher elevation = lighter surface |
| --text-primary | #0D0D0D | #F0F0F0 | Off-white avoids harsh glare vs pure #FFF |
| --text-secondary | #4A4A4A | #CBCBCB | Maintains visual hierarchy without washing out |
| --rdd-red-pale | #FDEAEA | rgba(227,6,19,0.15) | Translucent tint blends with dark surfaces naturally |
| --border | #E8E8E8 | #2C2C2C | Subtle dividers — visible but not dominant |
| --shadow-* | Opacity increases in dark mode | Shadows need higher opacity to register on dark backgrounds | |
RDD Red (#E30613) is used at full saturation in both modes — it maintains sufficient
contrast on both light and dark backgrounds. Avoid desaturating or lightening the primary
red for dark mode. For tinted backgrounds (alerts, badges), prefer translucent overlays
(rgba) over opaque pale tints so they adapt to the surface beneath them.
Gradient Usage
Gradients are permitted in limited contexts — hero backgrounds, banners, and decorative elements. Never apply gradients to the logo, wordmark, or Ɍ symbol. All gradients must use colours from the approved palette.
04 — Typography
Three typefaces form the ReddCoin type system, each serving a distinct role — from brand identity to body copy to interactive UI elements.
ReddCoin
The Social Currency
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ? ! @ # $ %
05 — Voice & Tone
ReddCoin's voice is approachable, empowering, and community-driven. Every piece of communication should feel like it comes from a knowledgeable friend — never corporate jargon, never condescending.
Tone shifts depending on context, but always stays within the brand voice. The further right, the more formal and precise the language becomes.
| Context | Tone | Example |
|---|---|---|
| Social media | Casual | "Tip your favourite creator with Ɍ — it's that easy." |
| Product UI | Conversational | "You sent Ɍ50 to @alice. They'll be notified shortly." |
| Blog / announcements | Informative | "Today we're rolling out PoSV v2 — here's what changes and why it matters." |
| Technical docs | Precise | "The staking reward is calculated as a function of coin age and network weight." |
| Legal / compliance | Formal | "ReddCoin does not constitute financial advice. Users are responsible for their own decisions." |
06 — Spacing & Iconography
Consistent spacing and minimum size rules protect the integrity of the ReddCoin mark across all contexts.
Clear Space
Every logo placement must include a minimum exclusion zone — free of text, imagery, or other graphic elements — so the mark reads clearly at any scale. The unit of measurement (X) equals the height of the pinwheel mark. Apply at least 1× on every side. When co-branding or placing the logo near a page edge, increase to 1.5× to prevent visual crowding.
Below 16px the pinwheel detail is lost — use only the simplified favicon at that size. At 24px the mark is legible but tight; avoid pairing it with the wordmark. 32px is the minimum for the mark + wordmark lockup in navigation. 48px and above is preferred for general use where the full colour detail should be visible.
A base-4 spacing scale provides consistent rhythm across layouts. Use smaller values (4–12px) for inner padding and tight element grouping. Mid-range values (16–32px) suit component padding and gaps between related elements. Larger values (48–128px) create section breaks and breathing room between major content blocks.
07 — Downloads
Official logo files, brand assets, and guidelines. Always use the most recent versions before deploying in any public context.
All brand assets follow a consistent naming pattern so the right file can be identified at a glance.
| Segment | Value | Meaning |
|---|---|---|
| Prefix | ReddCoin-Logo | Full logo (pinwheel + wordmark) |
| R-Graphic | Pinwheel mark only | |
| Variant | CLR | Full color — Redd in red, Coin in Neutral 900 |
| Light | For light backgrounds — same as CLR | |
| Dark | For dark backgrounds — Coin in white | |
| Mono | Greyscale — all elements in neutral greys | |
| Black | All elements in Neutral 900 (#0D0D0D), gapped pinwheel | |
| White | All elements in White (#FFFFFF), gapped pinwheel | |
| Red | Pastel pinwheel for red backgrounds (mark only) | |
| Suffix | -tag | Includes "The Social Currency" tagline |
| -256 | 256×256px mark (pinwheel only) |
Usage Note: All ReddCoin brand assets are provided for approved use. Commercial use, modification, or redistribution without written permission is prohibited.