How Are You Working With Vylex Today?
Choose your exact workflow below to get explicit, step-by-step guidance tailored specifically to your project requirements.
Website & Page Building
Building new landing pages, updating existing sections, or adding components to vylex.co.za.
- Standard HTML5 & CSS structure
- Header, Footer & Nav integration
- Pre-built Tailwind utility classes
- SEO & WCAG AA accessibility specs
Projects & SaaS Products
Designing UI dashboards, building web apps, custom client tools, micro-services, and enterprise platforms.
- Design Tokens & CSS Variables
- Data tables, inputs & form states
- Status badges & system alerts
- Motion curves & UX micro-copy
Creative & Social Media
Creating social posts (LinkedIn, Instagram, X), promotional banners, QR codes, print media, or pitch decks.
- Social post layout blueprints
- 1:1, 4:5, 16:9 aspect ratio specs
- Branded QR Code generator rules
- Vector assets & export standards
Logomark & Wordmark Rules
The Vylex logo combines a geometric "V" icon with a clean, lowercase wordmark and an orange full-stop signature (.).
Color Harmony
Vylex Navy anchors our technology products in authority, while Vylex Orange injects energy into critical CTAs and highlights.
Type Scale
We pair DM Sans for human warmth and readability with Fira Code for modern technical clarity.
Tone & Messaging Principles
We state facts without fluff. Focus on clear ROI, performance numbers, and concrete technological advantages.
Use clean software and architectural terminology. Avoid outdated jargon or overly casual slang.
Even in technical contexts, frame features around solving real business pain points and saving human effort.
Logo Clear Space & Misuse Rules
Always maintain brand integrity. Never alter logo proportions, recolor using unapproved shades, or place on clashing backgrounds.