
Preview image. Unlock full-res
Midnight forest bloom: deep, dark canvases with bursts of vivid green.
Trawelt embodies a vibrant, dark-mode consultancy aesthetic. Deep black canvases are punctuated by a singular, vivid green that marks brand elements, interactive states, and key navigational points. Typography balances a strong, characterful display font for headlines with a clean, functional sans-serif for body text. Components are largely borderless and flush with the background, relying on color contrast for definition, or a subtle, almost-white card surface to highlight content. Prioritize Ink Black (#000000) for all main backgrounds to maintain the brand's dark aesthetic. Use Forest Green (#2d9b4c) exclusively for primary interactive elements and key brand accents to maximize its impact. Employ Labour Grotesk for all headings and navigational text, varying sizes from 16px to 435px and line heights and letter spacing from its varied properties to create visual rhythm. Apply a consistent 15.04px border radius to cards and significant navigation elements, contrasting with the tighter 10.08px for buttons. Ensure generous section gaps of 187px to create ample negative space and visual breathability between content blocks. Utilize Cloud White (#efefe7) for card backgrounds and subtle surface elevations, never applying hard borders or shadows beyond the defined radius. Avoid using multiple chromatic colors; limit brand accents to Forest Green and Fresh Mint. Do not introduce sharp corners or square elements; maintain the consistent use of 10.08px or 15.04px radii. Refrain from using drop shadows or heavy elevation; surfaces should appear flat or subtly raised through color contrast only. Do not deviate from Labour Grotesk for headings or Reckless Neue for dramatic display text; avoid generic system fonts in these roles. Never use generic 1rem or 16px padding on cards; adhere to the specific 15px card padding. Avoid text colors other than Ink Black or Paper White, except where explicitly defined by component properties.









