BCPOS Brand
BRAND REPOSITORY/ PUBLIC · BCPOS
Brand assets for the BCPOSteam.
Official logos, color palette, typography, voice and usage guidelines. Everything you need to keep the brand consistent, in any format and on any surface.
13Logo variants
4Forms
2Primary colors
6Approved pairings
Logos
The primary logo is horizontal and pairs BCPOS with the tagline Point of Success. Always use the official files — never recreate or edit them.
Horizontal lockup
The full BCPOS wordmark with the Point of Success tagline inline to the right, separated by a graphite divider. Use it on wide, low-height surfaces — site headers, email signatures, presentation footers, partner banners.
ASPECT7.05 : 13052 × 433 native
MIN WIDTH240 pxbelow this the tagline becomes unreadable
USE WHENwide & shortheader bars, email signatures, banners
Full set delivered. On BCPOS Red and Ink use the reverse white; everywhere else use color (preferred) or black (single-color print).
Color
Two primary colors and a supporting neutral scale. Red is used sparingly, as a brand accent. Graphite carries the weight of the visual hierarchy.
PRIMARYBCPOS Red
- HEX
- #CE212A
- RGB
- 206 · 33 · 42
- CMYK
- 0 · 84 · 80 · 19
- OKLCH
- 0.523 0.187 28.4
- Pantone
- 186 C
PRIMARYBCPOS Graphite
- HEX
- #444445
- RGB
- 68 · 68 · 69
- CMYK
- 1 · 1 · 0 · 73
- OKLCH
- 0.378 0.001 286
- Pantone
- Black 7 C
NEUTRAL SCALE
White
#FFFFFFMist
#F6F6F7Cloud
#E5E5E7Steel
#B8B8BBSlate
#6E6E72Graphite
#444445Ink
#1A1A1CBlack
#000000APPROVED PAIRINGS · WCAG 2.1 AA
| Sample | Pair | Ratio | Use for |
|---|---|---|---|
| Aa | Graphite on White | 9.71 : 1 | AA NormalAny text size, body included |
| Aa | Red on White | 5.42 : 1 | AA NormalAccent, emphasis, icons, links — legible at any size |
| Aa | White on Ink | 17.49 : 1 | AA NormalAny text size |
| Aa | Red on Ink | 3.21 : 1 | AA Large OnlyDisplay emphasis on dark — never small body text |
| Aa | White on Red | 5.42 : 1 | AA NormalAny text size on red surfaces |
| Aa | White on Graphite | 9.71 : 1 | AA NormalAny text size |
Large text = ≥24px regular or ≥18.66px bold. Anything smaller needs at least 4.5:1.
Typography
Poppins for headlines and display, Inter for body, UI and everything else. JetBrains Mono is reserved for technical data, code and kicker labels.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
- Family
- Poppins
- Use
- Headlines · Display
- Weights
- 400 · 500 · 600 · 700
- Source
- Self-hosted · woff2
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
- Family
- Inter
- Use
- Body · UI · Paragraphs
- Weights
- 400 · 500 · 600 · 700
- Source
- Self-hosted · woff2
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · <>{}[]()*=→
abcdefghijklmnopqrstuvwxyz
0123456789 · <>{}[]()*=→
- Family
- JetBrains Mono
- Use
- Code · Data · Labels
- Weights
- 400 · 500 · 600
- Source
- Self-hosted · woff2
HIERARCHY
H1 · POPPINS · 64/72 · 600
Point of Success.
H2 · POPPINS · 40/48 · 600
Sell better, every single day.
H3 · POPPINS · 24/32 · 500
Section subtitle
BODY · INTER · 16/26 · 400
Standard paragraph text. Use this size for all long-form content. Enough contrast, enough air.
MONO · 13/20 · 500
v2.0.0 · build 4821 · 2026-05-26
Iconography
The symbol is the most concentrated graphic element of the brand — it stands alone in avatars, favicons and square spaces.
USAGE SIZES
24px · favicon48px · avatar96px · header160px · heroCorrect usage
Strict rules. When in doubt, use the horizontal color logo on a white background.
DO
Use the color logo on flat, light backgrounds.
DO
The color logo also works on solid dark backgrounds.
DO
On brand red, use the white monochrome version.
DON'T
Don't deform, stretch or squash the logo. Always keep its proportions.
DON'T
Don't rotate, tilt or place the logo in perspective.
DON'T
Don't place the logo on low-contrast or visually busy backgrounds.
DON'T
Don't add shadows, glows, outlines or any effects to the logo.
DON'T
Don't change the brand colors. Only use the official variants.
DON'T
Don't lower the logo's opacity or use it as a decorative watermark.
Clear space & minimum size
The logo needs room to breathe. The clear-space unit X equals the height of the symbol.
XXXX
Clear space
Keep at least 1X of margin on every side of the logo. X = the height of the symbol.
120 px · DIGITAL MIN24 px · SYMBOL MIN30 mm · PRINT MINMinimum size
Below these sizes the logo's legibility breaks down and the symbol loses detail.
Voice & tone
How BCPOS writes. Four attributes hold across every surface — the dial of formality shifts by context.
Clear
Short sentences. Real words. If a sentence has two ideas, split it. The reader is busy.
Direct
Active voice. Lead with the verb. Say what you mean — no corporate hedging.
Technical
We're a software company. Be precise: name the field, the screen, the shortcut. Don't dumb it down.
Warm
Respect the reader. No condescension when something goes wrong. No exclamation marks when nothing is exciting.
Tone by surface
| Surface | Tone | Example |
|---|---|---|
| Product UI | Functional, neutral. Past tense for confirmations. | “Invoice #4821 saved.” |
| Errors & empty states | Plain. Say what happened, then what to do. | “No printer found. Check the cable, then retry.” |
| Marketing | Confident, concrete benefit. No superlatives. | “Close the till in 90 seconds, every night.” |
| Docs | Instructional. Imperative verbs, numbered steps. | “1. Open Settings. 2. Click Printers.” |
| Social | Casual but never lazy. One idea per post. | “Z-report at midnight. Done.” |
Examples
“Connect the printer cable and click Retry.”
“Oops! It looks like something might have gone wrong with the printer connection. Please try again!”
“Z-report ready. Download PDF.”
“Your Z-report has been successfully generated and is now available for you to download.”
“Sell better, every single day.”
“Empowering retail excellence through next-generation point-of-sale solutions.”
Words
USE
- open / close / save
- till, ticket, receipt
- retry, undo
- BCPOS (always one word)
- Point of Success
AVOID
- leverage, utilize, synergize
- solution (use the actual feature name)
- Oops! / Whoops! / Uh-oh
- BC POS, B.C.P.O.S., bcpos.
- "next-generation", "world-class"
Accessibility
BCPOS commits to WCAG 2.1 AA across every brand surface — product, marketing, docs and this repository itself.
Visible focus, always
Every interactive element shows a 2px BCPOS Red ring with 2px offset on keyboard focus. Never outline:none without a replacement.
Tab into these →Link
14px body floor
Body text never drops below 14px. Mono labels and timestamps may go to 11px as long as their pair clears 4.5:1.
Respect reduced motion
Honor prefers-reduced-motion: cap all transitions to 0.01ms, switch smooth scroll to instant.
Semantic HTML first
main wraps content. em is emphasis, not a color hook. ARIA roles only when wired up correctly.
Do's and don'ts
- DO
Use Graphite or Ink for body copy. Reserve Red for emphasis, CTAs, focus rings and icons.
- DON'T
Don't set body paragraphs in Red on White at normal size, and never use Red on Ink below 24px.
- DO
Give every image carrying information an alt that describes the information.
- DON'T
Don't use Cloud or Steel for text. They're surface tones, not text tones.
- DO
Test every new component with the keyboard before you ship it. Tab, Shift+Tab, Enter, Space, Esc.
- DON'T
Don't wire role=tab/tablist or any ARIA pattern unless you implement the full keyboard contract.
About BCPOS
The story behind the name, the tagline and the company.
TAGLINEPoint of Success.
From Business Computer to BCPOS
BCPOS began as Business Computer — a small team building till systems for shopkeepers who needed something faster than the market offered. As the product grew into a full point-of-sale platform, the name was tightened to its essentials: BCPOS.
The wordmark keeps the original initials as a quiet nod to the origin story — and the tagline, Point of Success, reframes "point of sale" as the outcome our customers actually care about.
Where we work
BCPOS powers tills, kitchens, stockrooms and back offices across these sectors:
- Retail & specialty stores
- Restaurants, bars & cafés
- Quick-service & dark kitchens
- Hotels & hospitality
- Pharmacies & healthcare
- Service & appointment-based businesses