Huly
huly.ioThe 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