Osmo

Reference it for

• Concrete-grey page canvas #f4f4f4 that reads as a gallery wall, not soft-SaaS white; near-black ink #201d1d for all display type
• Massive tracked-tight display headline (Haffer, can run 112-150px) with an inline coloured glyph mid-line as punctuation (the violet #6840ff asterisk between 'Dev Toolkit' and 'Built to Flex')
• Sub-headline that inlines keyword tokens as soft rounded pill chips (Webflow, HTML, icons, easings) inside a running sentence
• Fanned-out arc of tilted product/preview cards along the lower third, each rotated a few degrees like pinned portfolio tiles
• Radioactive lime #a1ff62 used surgically: a scrolling marquee ticker strip ('NEW: PAGE TRANSITION COURSE *') and the primary Join button, against otherwise monochrome UI
• Dark pill navbar floating on the light canvas: obsidian #151313 rounded bar holding hamburger 'Menu', centred OSMO wordmark, Login + Join
• Radius tension system: sharp 2-5px content tiles against 1600px full-pill buttons and badges
• Monospaced technical labels stamping card captions ('Logo Wall Cycle', 'Falling 2D Objects (MatterJS)', '3D Image Carousel')

Do not copy

• The OSMO wordmark and the violet six-point asterisk brandmark
• The exact three-accent combo (volt lime + ultraviolet + vermillion) as a set; it reads as Osmo's signature
• Haffer VF / Haffer XH specifically (licensed foundry face); substitute a comparable grotesk
• The named product-card content (MatterJS demo, Logo Wall Cycle, 3D Image Carousel) and their screenshots
• The 'NEW: PAGE TRANSITION COURSE' marquee copy
• Positioning as a Webflow/HTML developer resource marketplace