The complete visual language, tone, and component system for Trade Creative Agency.
#F5C518CTAs, highlights, accents
hsl(47, 96%, 53%)#0D0D0DPage background
hsl(0, 0%, 5%)#141414Cards, elevated surfaces
hsl(0, 0%, 8%)#292929Dividers, outlines
hsl(0, 0%, 16%)#1F1F1FSubtle backgrounds
hsl(0, 0%, 12%)#8C8C8CSecondary text
hsl(0, 0%, 55%)#FAFAFAPrimary text
hsl(0, 0%, 98%)BUILD AUSTRALIA.
Proven Results
Social Media Management
PREMIUM CREATIVE AGENCY
We manage your content across Facebook, Instagram, and Google Business Profile. Consistent, professional, and built to drive enquiries.
SYD — AUS — EST. 2024
py-40 / px-10160px / 40pxpy-20 / px-680px / 24pxp-1248pxp-624px1px (bg-border)1px border gapgap-6 / gap-424px / 16px12-column grid with max-w-7xl container. Internal sections use lg:grid-cols-2 or lg:grid-cols-12 with 1px bg-border gaps for tension-line aesthetic.
Horizontal and vertical 1px lines in border colour act as structural dividers. Never use rounded corners on primary layout blocks — sharp edges only.
Use industry-grade language — "engineered", "infrastructure", "dominance"
Use soft or vague language — "nice", "great", "awesome"
Use ALL CAPS for labels, eyebrows, and navigation
Mix case inconsistently across similar UI elements
Lead with the outcome: "+300% visibility"
Lead with the feature: "we post regularly"
Address the tradie directly and confidently
Use passive or corporate language
Real sites, real workers. No stock-photo handshakes. Blue-hour or golden-hour lighting preferred for drama.
Dark shadows, bright highlights. Images should complement the near-black background without washing out.
Images are revealed at 5–10% opacity on card hover — never shown at full opacity in background contexts.