Svelte

Reference it for

• Pure white canvas (#ffffff) with no cards and effectively no shadows, hierarchy carried by type size and weight alone
• Large serif display headline (DM Serif Display / EB Garamond family, ~54px) set lowercase and left-aligned for an editorial voice on a tech product
• Single saturated ember-orange accent (#d43008) reserved for logo, the GET STARTED arrow link and the phonetic /svelt/ wordmark, everything else mono ink (#262626)
• Arrow-suffixed text-link CTAs (GET STARTED ->) instead of filled buttons, keeping the page calm
• Dictionary-entry device: a phonetic spelling /'svelt/ plus an ADJECTIVE tag chip to define the brand name as a section break
• Thin sans (Fira Sans) confined to chrome: nav, search field, tag chips, while serif owns all reading text
• Slim sticky top nav on white with a search field showing the Cmd+K shortcut and grayscale social icons at right
• Pre-rendered 3D hero illustration (the conveyor-belt mascot) as the only depth, floated right of the headline rather than a flat screenshot

Do not copy

• The Svelte S logo and the orange conveyor-belt 3D mascot
• The exact ember-orange #d43008 as your brand accent
• The /'svelt/ phonetic wordmark and ADJECTIVE definition gag (it is Svelte's name pun)
• The literal copy 'web development for the rest of us' and 'a love letter to web development'
• The Discord / Bluesky / GitHub icon cluster specific to this project
• The embedded Stack Overflow survey screenshots and poll cards