Raise2Shine brand kit
Every colour, file and rule on this page is served from the App Hub brand feed. Hotlink the asset URLs, never copy the files.
Colour anchors
Brand navy
#001138
oklch(0.194 0.081 260.4)
Dark ground, icon mark, text on amber
Brand ink
#191F25
oklch(0.236 0.015 248.4)
Wordmark on light backgrounds
Sunrise amber
#FDAD0D
oklch(0.805 0.168 75.2)
The rise: primary action, focus, emphasis
85%
#1C3154
70%
#3F5271
50%
#728098
30%
#A8B1C0
15%
#D3D7DF
- Gold covers roughly a tenth of any layout. It marks one thing at a time.
- Navy or paper carries the background. Never both gold and navy as large fields on one surface.
- CMYK values are unmanaged conversions. Ask your printer to match to the navy and gold swatches before a long run.
Assets
25 files. Download links point at the stable Hub endpoint.
Mark - primary (legacy)
Navy + amber
Superseded artwork, kept for existing links
Download raise2shine-icon-primary.svg
Mark - navy (legacy)
Navy
Superseded artwork, kept for existing links
Download raise2shine-icon-onecolor-navy.svg
Mark - white (legacy)
White
Superseded artwork, kept for existing links
Download raise2shine-icon-onecolor-white.svg
Numeral 2
Sunrise amber
The amber 2 alone - pattern work, bullets, loaders. Never as the logo.
Download r2shine-numeral-2.svg
Star
Sunrise amber
The sunrise star - accents, bullets, loading states. Never as the logo.
Download r2shine-star.svg
Favicon - navy rounded tile
White on navy
Browser tab, PWA icon, bookmarks
Download r2shine-favicon-navy-rounded.svg
Favicon - 32 px PNG
White on navy
Legacy browsers that ignore an SVG favicon
Download r2shine-favicon-32.png
Favicon - 16 px PNG
White on navy
Legacy browsers that ignore an SVG favicon
Download r2shine-favicon-16.png
Apple touch icon
White on navy
iOS home-screen icon and PWA manifest icons. 180, 192 and 512 px via ?size=. Opaque - no alpha.
Download r2shine-apple-touch-icon-512.png
Social card
White on navy
og:image and twitter:image on every page. 1200 × 630 PNG.
Download r2shine-social-card-1200x630.pngBrand kit (ZIP)
n/a
One link for printers, agencies and partners: every SVG, every PNG derivative and a plain-text spec sheet.
Download raise2shine-brand-kit.zipShared masters
The master
The R2 mark is the reference for the numeral and the star. Both live here at full size.
The numeral
In the wordmark the same 2 stands 1.64 cap heights tall with a 10% width compression - one uniform transform, no redrawn curves.
The star
Half a cap height tall, base 0.159 caps below the cap line, always clear of the swoosh. It dots the i; it never touches the arc.
Colour treatments
Full colour
on paper, mist or white
Reversed white
on navy or dark photography
One colour navy
on gold and light tints
One colour black
fax, engraving, single-plate print
Clear space and minimum size
Clear space is 0.5x on every side, where x is the cap height of the R. Nothing enters that margin - no type, no rules, no photo edges, no other logos.
Wordmark (primary)
- clear space
- 0.5x all sides
- min screen
- 120 px wide
- min print
- 30 mm wide
Mark alone
- clear space
- 0.5x all sides
- min screen
- 24 px tall
- min print
- 7 mm tall
Favicon / avatar
- clear space
- built into the tile
- min screen
- 16 px square
- min print
- n/a
Misuse
- Never stretch, squeeze or scale a single axis.
- Never rotate or set the logo on an angle.
- Never recolour outside the four approved treatments.
- Never place full colour on gradients or mid-tones.
- Never add shadows, glows, bevels or outlines.
- Never rebuild the wordmark by hand - use the supplied files.
- Never set the R2 mark beside the wordmark - the wordmark always stands alone.
Typography
Outfit
The brand typeface. The wordmark is Outfit SemiBold converted to outlines, so the logo and every headline share one skeleton. Weights 300, 400, 500, 600 and 700 are in use; nothing else.
Google Fonts · SIL Open Font License
system-ui, Helvetica, Arial, sans-serif
IBM Plex Mono
For labels, specifications, data and file names - anywhere a number needs to line up or a value needs to read as a value.
Google Fonts · SIL Open Font License
ui-monospace, Menlo, monospace
- Body copy is left aligned, never justified.
- Never set body copy in navy on gold.
Contrast and pairings
- WCAG 2.1: 4.5:1 on body text, 3:1 on text above 24px.
- Gold is decoration, never a carrier of words on light backgrounds.
- Logo files carry an aria-label. Keep alt text as "Raise2Shine", not "logo".
- Colour never carries meaning alone - pair it with a label or an icon.
| Pairing | Ratio | Grade | Use |
|---|---|---|---|
| White on Deep Navy | 18.47 | AAA | All text sizes |
| Deep Navy on Paper | 17.69 | AAA | Headlines and body |
| Ink on Paper | 15.92 | AAA | Default body copy |
| Signal Gold on Deep Navy | 9.81 | AAA | Labels and accents on navy |
| Deep Navy on Signal Gold | 9.81 | AAA | Buttons, banners, highlight panels |
| Slate on Paper | 3.48 | AA LARGE | Captions at 19px and above only |
| Signal Gold on Paper | 1.80 | FAIL | Never text. Shapes and rules only |
| White on Signal Gold | 1.88 | FAIL | Never. Use navy on gold instead |
Voice
Raise2Shine
One word, capital R, capital S, the numeral 2, no spaces and no hyphen. Same spelling in body copy, headlines, URLs, email signatures and legal lines.
Never: Raise 2 Shine · Raise-2-Shine · raise2shine · RAISE2SHINE · R2S · Raise To Shine · Raise2Shine!
Plain
Short sentences. Concrete nouns. If a sentence needs a comma to survive, split it.
Specific
Name the school, the amount, the date. A real number beats an adjective every time.
Warm, not loud
Active voice, second person, no exclamation marks. Enthusiasm comes from the fact, not the punctuation.
Mission statement, positioning line, boilerplate paragraph and the approved one-sentence description are still to be supplied.
feed 2026.08.18.7 · standards 2.1 · source https://design.raise2shine.com/api/public/brand