Brand Guidelines

How to present Wraptron consistently across the website, decks, social media and anything that carries our name. When in doubt, keep it simple: black, white and one confident yellow.

Logo

The Wraptron logo is the W-mark followed by the WRAPTRON wordmark. Always use the supplied files; never retype or redraw it.

On dark Full-colour wordmark. Default on black and dark imagery.

On light Full-colour wordmark with dark lettering. Use on white or light grey.

On Wraptron Yellow Solid black, including the mark. The only treatment allowed on yellow.

Clear space: keep empty space around the logo at least the height of the W-mark on every side.
Minimum size: 16px tall on screen, 6mm in print.
Single-colour versions are solid black or solid white only.
Don't stretch, rotate, outline, add shadows or change the mark's colours.
Don't place the full-colour logo on yellow or on busy photography.

Colour

Yellow is our signature; black and white do the rest. Use Wraptron Yellow for big brand moments and Accent Yellow sparingly for interactive details.

Wraptron Yellow

Pantone Yellow C HEX #FEDD00 · RGB 254 221 0 Signature brand colour. Hero and navigation backgrounds, large brand moments.

Accent Yellow

Highlight HEX #F9E547 · RGB 249 229 71 The only yellow for accents on dark surfaces: CTAs, badges, links, focus rings.

Ink

Primary dark HEX #111111 · RGB 17 17 17 Text, icons and buttons on yellow. Primary buttons on Wraptron Yellow.

Black

Dark canvas HEX #000000 · RGB 0 0 0 Page background in dark mode; elevated surfaces sit at #12121A.

White

Light canvas HEX #FFFFFF · RGB 255 255 255 Page background in light mode and text on black.

Text on yellow is always Ink (#111111), never white.
Never set yellow text on white backgrounds; it fails contrast.
Body copy stays neutral; use yellow for emphasis, not paragraphs.

Typography

Display · Vouge Aa Bb Cc Headlines and section titles (H1–H2). Tight leading, used large.

Text · Lato Aa Bb Cc Body, UI and labels. Light 300, Regular 400, Bold 700, Black 900. Tamil content uses Noto Serif Tamil.

Eyebrow labels: Lato semibold, uppercase, wide letter-spacing, small size.
Keep body text at 16–18px with relaxed line height.

Buttons & UI

Primary on yellow Secondary

Primary on dark Secondary

Buttons are fully rounded pills; one primary action per view.
Cards use 16–24px corner radius, a subtle border and a yellow top bar or hover border as the accent.