v1 — Dark
+ electric lime.
A bold, dark-first redesign concept for omegadigital.com.au — built as static HTML/CSS/JS prototypes for review before WordPress theme implementation. Inspired by Vayner-style impact, Tonic-level restraint and the conversion discipline of OMG/Supple. Click any prototype to open it full-screen.
Bold & punchy. Dark canvas, single electric accent, big editorial type.
#0A0A0A · #141414 · #F5F5F0 · #D4FF00 · #FF5A1F
Space Grotesk
Inter — body
JetBrains Mono — labels
Static HTML/CSS/JS
Single shared stylesheet. Easy to translate to a WordPress theme — components map cleanly to template parts.
All pages.
One concept.
Live previews below. Hover to "Open" full-screen, or click anywhere on the card.
Homepage
The 20-year story told in one screen — display-scale headline, services bento, results stats, client marquee, and a big closing CTA.
Services overview
Three disciplines presented at depth: SEO, Content & Social, and AI GEO/AEO Consulting. Includes engagement models and FAQ.
SEO service page
Template demonstration for an individual service page — hero, scope, process, mini case study, deliverables and FAQ. Replicate for Content & Social and AI GEO/AEO.
Blog home / Insights archive
Featured article, filter chips by category, post grid with placeholder hero blocks, newsletter sign-up.
Article page
Long-form article template with sticky table of contents (scroll-spy), readable typography, blockquote treatment, author card and related posts.
Contact us
Bold display hero, two-column form with service chips and budget, "what happens next" steps, office locations, and contact FAQ.
A few things
worth flagging.
Inspiration translation
Vayner-style impact (display type, marquee, asymmetric grids), Tonic-level restraint (whitespace, type pairing), Supple/OMG conversion discipline (visible CTAs, trust elements, stats). Percept / OMG influence sits behind the engagement-model card pattern.
Imagery placeholders
Article and post-tile heroes use accent-coloured gradient blocks as placeholders. Replace with real photography / illustration during the WordPress build.
WordPress translation
All components are flat HTML with semantic class names. Each card / hero / steps block maps cleanly to a Gutenberg block or ACF flexible-content layout. Shared CSS is one file (~14kb).
Accessibility
Contrast checked on dark BG (≥ 4.5:1 for body, ≥ 3:1 for large text). Focus styles, reduced-motion respect, semantic landmarks. Audit again before launch.