Huly

huly.io

The reference for a single vertical violet-to-coral aurora beam (#5683da into #ff8964) splitting a near-black hero, with the product UI rising up into the light from the bottom edge.

SaaS Product flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Esbuild
body
Inter
mono

Do / Don't

Reference it for

  • Near-black canvas (#090a0c base, #303236 graphite wash) where one luminous gradient beam does all the colour work instead of a flat dark theme
  • Vertical light-shaft hero motif: an iris-blue-to-ember-coral aurora (#5683da to #ff8964) flaring up the centre, fading to violet smoke at the edges
  • Oversized display headline (~80px) in a tight-tracked geometric face with a subtle white-to-grey gradient fill on the second line for depth
  • Two-line headline rhythm: solid white top line, gradient-tinted lower line ('Everything App / for your teams')
  • Glowing pill CTA: 9999px radius, light fill, wrapped in a soft coral glow halo so the button reads as the warmest object on the page
  • Product screenshot bleeding up from the bottom edge into the beam, with the app chrome (Tracker sidebar, Kanban, Inbox) shown live rather than mocked flat
  • Coloured status pills inside the product UI (Low/Devops/Sales/Marketing/QA) as soft-tinted 9999px chips, a compact taxonomy of muted accent fills
  • Restrained top nav: wordmark left, text links centre-left, ghost 'Star Us' + outlined SIGN IN / filled SIGN UP cluster right

Do not copy

  • The Huly H mark and wordmark
  • The exact aurora beam composition as a signature (it reads instantly as Huly)
  • The 'Everything App for your teams' headline and the Linear/Jira/Slack/Notion replacement claim
  • The named competitor logos referenced in the subhead
  • The fabricated team names and avatars in the Inbox/Kanban demo (Elizabeth Reynolds, Sonya Wolf, etc.)
  • The specific Tracker/CRM product chrome layout lifted wholesale