Brand & logo
Reversible Flow mark, wordmark variants, and theme wiring
Brand & logo
E-FACTS is digital receipt infrastructure from POS to consumer apps. The Reversible Flow mark — opposing arrows as an S-ribbon — is the brand’s core symbol.
Values
- Accuracy — receipts and money must be trustworthy
- Innovation — infrastructure that quietly compounds
- Quality — craft in product and prose
Logo contrast
| Canvas | Wordmark | Secondary |
|---|---|---|
Dark (#281C34 / charcoal) | Bright orange #FF652F / #FF6B35 | White |
Light (#F7F9FB) | Deep Trust Ink #0F172A or Bright Accent #FF6B35 | On-bright #5F1900 on Bright fills |
Docs chrome (this site): light theme loads orange full wordmark; dark theme loads white full wordmark. Collapsed rail / hero S mark: Bright Accent on light chrome, white (s-logo-white.svg) on dark chrome and over hero gradient orbs.
Live theme preview
Live · follows site theme (…)
Full
Mark (SVG)
Toggle light/dark in the chrome to verify contrast. Vector S mark lives at `public/brand/s-logo.svg` (orange) and `s-logo-white.svg` (white) — no jagged PNG edges.
Asset gallery
Includes orange + white S marks (transparent checkerboard and on-ink).
Full · light
Header / expanded sidebar on light canvas
Full · dark
Header / expanded sidebar on docs charcoal
S-icon · light
Collapsed sidebar mark (SVG · Bright Accent)
S-icon · dark
Collapsed sidebar / dark chrome (SVG · white)
S-icon · white transparent
Hero / marketing · `s-logo-white.svg` · alpha (shown on slate)
S-icon · white on ink
Download / decks · white mark on Deep Trust Ink
Downloadable assets
S-icon masters are SVG (transparent or with canvas). PNGs are square 512px exports for decks and Figma. Light = white #FFFFFF · Dark = Deep Trust Ink #0F172A · Transparent = alpha. Prefer s-logo-white.svg for white marks — do not rasterize from the provided PNG master.
UX / brand downloads
Light = white canvas · Dark = Deep Trust Ink · Transparent = alpha. S-icon masters are SVG; PNGs are 512px square exports.
S-icon (Reversible Flow)
SVG · Transparent (orange)Master vector · Bright Accent fill- SVG · White transparentWhite #FFFFFF mark · alpha background
- PNG · Transparent512×512 · alpha background
SVG · Light (white bg)White #FFFFFF canvas- PNG · Light (white bg)512×512 · white canvas
SVG · Dark (ink bg)Deep Trust Ink #0F172A canvas- PNG · Dark (ink bg)512×512 · ink canvas
SVG · White on inkWhite mark on Deep Trust Ink- PNG · White on ink512×512 · white mark
Usage
| Context | Asset |
|---|---|
| Header / expanded sidebar (light) | Full orange wordmark PNG |
| Header / expanded sidebar (dark) | Full white wordmark PNG |
| Collapsed sidebar / favicon | S-icon SVG (s-logo.svg or white fill) |
| Homepage hero mark | White S (s-logo-white.svg / SLogoMark fill #FFFFFF) over soft peach orb |
| Marketing on plum / ink | White S or white full lockup |
Primary files: public/brand/s-logo.svg, s-logo-white.svg, s-logo-white-on-ink.svg, s-logo-current.svg, plus downloads under public/brand/downloads/. Full wordmarks remain PNG (logo-full-orange.png, logo-full-white.png).