Brand Style Guide
ReddCoin
The Social Currency
The Social Currency
00 — Purpose
ReddCoin is The Social Currency — a peer-to-peer digital currency designed to reward generosity, strengthen community, and make tipping value feel as simple as saying thank you. This guide describes how that identity is expressed visually and verbally, so every touchpoint across the project reads as one coherent brand.
Four principles that thread through every chapter — from the way the logo is drawn, to the colours we choose, to how we write a single post.
Read top-to-bottom for a full orientation, or jump directly to the chapter you need from the navigation above. Each section is a practical reference — not a reading list — with rules, examples, and downloadable assets where relevant. When in doubt, default to the choice that feels more human, warm, and honest.
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.
Full Color
Light Theme
Dark Theme
Monochrome
All Black
All White
Full Color
Light Theme
Dark Theme
Monochrome
All Black
All White
Color / Light
Color / Dark
Monochrome
All Black
All White
On Red
Visual examples of incorrect logo treatment. Each represents a violation of the brand standards — the red corner indicator marks them as wrong.
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.
Ɍ is available across all Goldplay weights and styles. Use SemiBold for display contexts, Medium for currency notation alongside values, and Regular/Italic for inline references.
| Weight | Normal | Italic | Use case |
|---|---|---|---|
| Regular 400 | Ɍ | Ɍ | Inline text, body copy references |
| Medium 500 | Ɍ | Ɍ | Currency notation, prominent values |
| SemiBold 700 | Ɍ | Ɍ | Display contexts, headlines, favicons |
| 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." |
ReddCoin has two correct forms — use the right one for the context. The capitalization tells the reader whether you're talking about the brand or the currency itself.
Use for the project, organization, ecosystem, and team. This is the proper noun for everything ReddCoin builds and represents.
Use for the currency unit itself. Always lowercase mid-sentence; capitalize only at the start of a sentence as normal English.
For the ticker, use RDD. For the symbol, use Ɍ. Never write "REDDCOIN" or "Redd Coin".
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.
ReddCoin uses Lucide as its icon library. Lucide provides a consistent outlined style with rounded caps and joins that complements the brand's clean, approachable aesthetic.
| Library | Lucide (lucide.dev) |
| Style | Outlined, stroke-based |
| Stroke width | 2px at 24px icon size |
| Stroke caps | Round |
| Stroke joins | Round |
| Viewbox | 0 0 24 24 |
| Fill | None (stroke only) |
Use 8px gap for compact UI (buttons, list items) and 12px for larger contexts (nav items,
section headers). Icons should vertically centre-align with adjacent text. Use
currentColor for stroke so icons inherit the text colour automatically.
07 — Accessibility
ReddCoin's brand is built for everyone. These standards ensure our visual system works across abilities, devices, and contexts. Meet WCAG 2.1 Level AA as the baseline, Level AAA where practical.
All text and meaningful graphics must meet minimum contrast ratios against their background. Every colour swatch in the palette section shows its contrast rating against white (W) and dark (D) backgrounds.
| Element | Minimum (AA) | Preferred (AAA) | Notes |
|---|---|---|---|
| Body text | 4.5:1 | 7:1 | Normal weight, under 18pt / 14pt bold |
| Large text | 3:1 | 4.5:1 | 18pt+ regular or 14pt+ bold |
| UI components | 3:1 | — | Buttons, inputs, icons vs background |
| Meaningful graphics | 3:1 | — | Icons, chart lines, status indicators |
| Decorative elements | — | — | No requirement (purely visual accents) |
Never rely on colour alone to convey meaning. Always pair colour with an additional signal — an icon, label, pattern, or shape. Approximately 8% of men and 0.5% of women have some form of colour-vision deficiency.
Green + red is the most common confusion pair (deuteranopia/protanopia). The brand's red (#E30613) and success green (#16A34A) look similar to red-green colour-blind users. Icons and labels disambiguate them.
Every interactive element must show a clear focus indicator for keyboard users.
Use :focus-visible so the ring only appears for keyboard navigation,
not mouse clicks.
Text below these thresholds becomes difficult to read, especially on mobile or for users with low vision.
| Context | Minimum | Preferred | Example |
|---|---|---|---|
| Body / long-form content | 16px | 16–18px | Body text at 16px |
| UI labels & buttons | 14px | 14–16px | UI label at 14px |
| Captions / metadata | 13px | 13–14px | Caption at 13px |
| Eyebrows / labels | 11px | 12px | Eyebrow |
| Dense tables / fine print | 12px | 13px | Table cell at 12px |
Interactive elements on touch devices need generous tap areas. Visual size and hit area can differ — use padding or invisible hit zones to meet minimums without making UI visually bulky.
Maintain at least 8px spacing between adjacent touch targets to prevent mis-taps. For list items and menu rows, give each item the full row height (≥44px) even if the visible content is smaller.
09 — Co-Branding
When ReddCoin appears alongside partner logos — integrations, sponsorships, exchanges, events — these rules preserve both brands' integrity and keep the relationship reading as a partnership, not a merger.
Three approved arrangements. Use the vertical stack only when width is constrained — horizontal with divider is the default.
Match the optical weight of each logo, not pixel height. A chunky mark and a tall wordmark at identical heights look mismatched — scale the lighter-weight logo up so both read as equal partners.
Maintain at least 1 × (the height of the ReddCoin pinwheel) between ReddCoin and any partner logo. The divider sits centred in this gap. More space is always better — never less.
10 — Photography & Imagery
ReddCoin's imagery is about people, not technology. Where most cryptocurrency brands lean on circuits, matrices, and cold futurism, we show the warmth of the social currency — real moments of connection, generosity, and community.
Favour authentic moments of connection over staged or stock imagery. These four categories define the visual territory.
Three approved ways to anchor photography to the brand. The base image is shown untouched on the left, then each treatment applied for comparison. Use at most one treatment per image.
How brand elements sit on top of imagery. Keep them anchored to corners and let the photo breathe in between.
A curated list of Getty Images references that capture the direction. Designers: click through to view the full image on Getty and license it if used. Add new IDs to this list as you find imagery that fits.
Licensing note: Moodboard previews are abstract swatches — the Getty ID links to the actual image. Always license through Getty before using any reference image in production materials.
11 — 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) |
| ReddCoin-Pinwheel | 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.
08 — Social Media
Social Media Guidelines
Platform-specific rules for avatars, banners, and logo placement. These specifications ensure ReddCoin's identity stays consistent across every channel where the community meets.
Platform Reference
Recommended avatar and banner dimensions per platform. Always export at the platform's native size — don't upscale smaller images.
Avatar Design Rules
Most platforms crop square avatars to a circle. Leave adequate padding so the pinwheel mark never touches the edge.
Background Variants
Safe Zones
Some platforms crop banners differently across devices. Keep critical content — logo, tagline, key text — inside the safe zone so it's visible everywhere.
Safe zone (green) visible on all devices. Avoid the bottom-right — profile picture overlays there.
Desktop shows full 820 × 312. Mobile crops to a taller 640 × 360 centred region — design for both.
LinkedIn crops responsively. Profile logo overlaps lower-left. Keep key content in the centre and away from the left edge.
Logo Placement in Posts
For static posts (1080 × 1080 square or larger), apply these rules to keep the ReddCoin mark identifiable at a glance without overpowering the content.
Post Templates
A ready-made editorial system covering the three most common post formats. Every template shares the same dark-to-red gradient, pinwheel watermark, and Goldplay typography, so posts read as a family regardless of platform. Included in the Social Pack.
Square posts — 1080 × 1080
Vertical stories — 1080 × 1920
Landscape cards — 1200 × 630
For Twitter cards, LinkedIn link previews, and Open Graph images.
Colour Pinwheel Variants
Same layouts with the colour pinwheel raised into the background (35% opacity, identical position and rotation). Use these when posts need more visual energy or stronger brand identification. The white-watermark variants above are the quieter default; the colour variants shine in feeds alongside competing content.
Content Conventions
Platform-specific writing rules that layer on top of the brand voice & tone. Keep posts consistent by using the same hashtags, mentions, and length conventions everywhere.
Hashtags
Capitalise each word for readability:
#ReddCoinnot#reddcoin,#SocialCurrencynot#socialcurrency. Use#RDDas the only all-caps tag — it's a ticker symbol.Official @mentions
Post Length & Tone per Platform
Do's & Don'ts