Brand System
The complete Logicwind brand reference. Click any colour swatch to copy its hex value.
01 — Colours
Primary
Neutral scale
00 — White
#FFFFFF
01 — Light surface
#EFEFEF
02 — Dividers
#DCDCDC
03 — Subtle borders
#BDBDBD
06 — Secondary text
#656565
07 — Body text
#525252
09 — Headings
#292929
Red ramp
tint-1
#FFF8F8
tint-3
#FECBCA
primary
#F04F4B
shade-2
#B9201C
shade-5
#450B0A
Blue ramp
tint-1
#E7E8EC
tint-4
#59617D
secondary
#121D45
shade-3
#070C1C
Gradient
135deg · #F04F4B → #0E151E · click to copy
Colour rules
- 01Default slide background is LW Blue (#0E151E) with white text, or white (#FFFFFF) with dark text (#292929).
- 02Never use LW Red as a full slide background — it's an accent, not a surface. Exception: one emphasis slide per deck.
- 03Accent sparingly. LW Red highlights one element per slide. If everything is red, nothing stands out.
- 04Use neutrals (#656565, #525252) for supporting text — never pure black (#000000) on white slides.
- 05Charts use LW Blue as primary data colour, LW Red for the highlight series, neutrals for secondary series.
02 — Typography
Poppins (headings) · Roboto (body) — both via Google Fonts
Weight rules
- —Poppins SemiBold (600) is the maximum heading weight. Never Bold (700) or above.
- —Roboto Medium (500) is the maximum body weight. Use for table headers and inline emphasis.
- —Never use Light or Thin weights — they disappear on projection and screen-share.
- —Weight creates hierarchy alongside size. Use this intentionally.
Pairing rules
- —Poppins for headings, Roboto for body — always together, never swapped.
- —Maintain at least a 2-step size jump between heading and body (e.g., 36→18, 28→16).
- —Line-height: 1.2 for headings, 1.5 for body text.
- —Letter-spacing: 0 for all sizes — no tracking adjustments.
03 — Logo
DarkRedLightWhitePlacement rules
- —Slides: bottom-left or bottom-right of every slide except the title slide
- —Title slide: centred or left-aligned at a prominent size
- —Documents: header (small) every page + logicwind.com in footer
- —Social: bottom corner, 24–32px from edges, inside safe zone
- —Never stretch, rotate, or add effects to the logo
04 — Decorative Shapes
Logicwind uses geometric wireframe shapes as brand texture — constructed from SVG primitives, never static images.
Spirograph rosette
Overlapping ellipses rotated around a centre
Concentric polygon spiral
Nested squares/hexagons with rotation
Radial burst
Straight lines from a centre, varying lengths
Geodesic web
Points on a circle connected by crossing lines
Möbius ribbon
Looping band from rotated elongated ellipses
Usage rules
- —Wireframe only — stroke, no fill. Stroke width: 0.5–1.5px
- —Opacity: 8–15% on dark backgrounds. Never use on text-heavy areas.
- —Colour: white on dark; LW Red or Neutral 03 (#BDBDBD) on light
- —Corner or edge placement — partially cropped by the canvas edge
- —Maximum one shape per composition
- —Shapes work best on LW Blue where white strokes read as light traces