SurveyStream

Brand portal · v1.0 · Interlocking Loop / Active Signal

Flowing trust, engineered.

SurveyStream turns everyday opinions into high-integrity, real-time data — paying people the moment their voice moves markets. One deep anchor, one live current, and a warmth reserved for money.

EssenceFlowing Trust
ArchetypesRuler + Magician
Contrast56 pairs · 0 failures
Type scale1.200 minor third
FacesArchivo · Inter · JetBrains Mono

01 — Colour

Click any swatch to copy its hex.

Badges are computed live against the current theme's canvas — switch the theme and every number recalculates. Aa grades the colour as text on that canvas; under 3:1 it reads Fill only, because a surface colour is not a failed text colour. Label gives the better of white or Ink on the swatch, with its ratio. Thresholds are WCAG 2.1 SC 1.4.3 — 4.5:1 AA, 7:1 AAA, 3:1 for large text.

02 — Typography

Type the sample, see the whole scale.

Ten steps on a 1.200 minor third from a 16 px base. Leading snaps to a 4 px grid; tracking follows 0.0964 − 0.0337·ln(px), tightening as size grows. The two highlighted rows are off-scale and exist for documented reasons.

03 — Assets

Copy the raw SVG, not a screenshot.

Every preview below is rendered from the same string the copy button gives you, so what you see is exactly what you paste. Wordmarks are outlined paths — they render with no font installed.

04 — Quick reference

The rules that get broken most.

The one-line test

Does this feel like flowing trust — structured enough for an enterprise buyer, rewarding enough for a survey taker, and honest enough to prove it?

If a choice cannot be traced to a personality dial or the archetype blend, it is decoration, not brand.

Voice — do
  • Lead with the concrete outcome — "Paid in minutes," "99.9% verified respondents."
  • Plain second person for takers; evidence and metrics for aggregators.
  • Name a control by what it does, then confirm it happened: Cash outPaid.
  • Show the live state: counters, timestamps, provenance.
  • Keep sentences short. Let whitespace carry the calm.
Voice — don’t
  • Hype that reads "too good to be true." It kills trust on both sides.
  • Jargon or fine-print games in front of survey takers.
  • Breathless, exclamation-heavy tone on enterprise surfaces.
  • Dark patterns, hidden thresholds, vague error states.
  • Letting warmth (Payout) shout over integrity (Stream).
Wordmark casing

The name is SurveyStream — one word, one medial capital, no space, no hyphen. The medial capital is the structural device that splits the name into its two halves, the same two-audience idea the mark encodes.

SurveyStreamCorrect — the only form in prose, UI and the lockup
SurveystreamNever — destroys the split
Survey StreamNever — two words is a different name
SURVEYSTREAMNever — even inside an all-caps context, it stays sentence case
surveystreamTechnical only — domains, handles, CSS classes
Numerals

Currency and telemetry take opposite settings. This is the rule people get backwards.

Moneytnum 1, lnum 1, zero 0 — slashed zero off. Inside money a slash reads as a correction mark. Always two decimals. True minus U+2212, never a hyphen.
Progresstnum 1, zero decimals, min-width: 4ch — the label must already be as wide as 100% when it reads 7%, or the bar shuffles as it fills.
Telemetryzero 1, calt 0 — slashed zero on. No tnum: a mono face is fixed-advance by construction, so it has nothing to do. ISO-8601 timestamps.
Logo clear space & minimums

Every relationship is expressed in cap heights (C), so the lockup reproduces at any size without a lookup table.

Mark height1.38 C
Gap, mark → wordmark0.46 C
Clear space0.5 C on all four sides
AlignmentMark's optical centre on the cap-height centre — not the baseline
Minimum, horizontal96 px digital · 28 mm print
Minimum, monogram20 px digital · 6 mm print

Only the monogram's pulse trail may overhang the clear-space box — it is part of the mark's own silhouette. Nothing else enters.

Pattern usage
  • Subtle preset behind text, in either theme. Non-negotiable.
  • Full strength for hero bands, empty states and login screens.
  • Keep body copy off the wave bands — a crest still runs through 14 px text.
  • Animate background-position by exactly 400 px per cycle. Any other distance shows a jump when the loop restarts.
  • Never behind data tables or charts — two grids fight and the real one loses.
  • Never invert the dark tile for light grounds. Use the light tile; it is drawn, not flipped.
Print essentials

SVG and CSS have no CMYK. The print files are RGB layout masters, exact to the millimetre but not colour-managed. Re-apply colour as CMYK or spot swatches, outline the text, export PDF/X-4 with the bleed box.

Spot 1PMS 5395 C — Deepwater, ΔE 1.7
Spot 2PMS 3125 C — Stream, ΔE 2.1
Screen onlySignal (ΔE 7.3) and Pulse (ΔE 5.0) have no usable spot match
Card85 × 55 mm trim · 3 mm bleed · 4 mm safe · 400 gsm soft-touch matt · spot UV on the mark
Rich blackC70 M50 Y40 K100 — 260% TAC
Hairline floor0.15 mm (0.43 pt)

This browser blocked the clipboard. The source is selected — press Cmd-C (macOS) or Ctrl-C.