EF
EF Design System

Changelog

Version history and release notes for the IO Design System.

v1.0.0

Initial ReleaseMarch 25, 2026

Patterns

  • Dot Background -- CSS radial-gradient page background pattern
  • Frosted Glass -- backdrop-filter blur panel effect
  • Gradient Actions -- Primary, secondary, and ghost button hierarchy with glow shadow
  • Hover Lift -- translateY + shadow micro-interaction
  • Glow Focus -- Purple focus ring for inputs, cards, and buttons
  • Masonry Grid -- CSS column-count responsive layout
  • Status Lifecycle -- Full status enum with colors and state machine

Layouts

  • Page Layout -- Standard header + content + dot background
  • Dashboard Layout -- Sidebar + main content with responsive collapse
  • Form Layout -- Stacked and two-column form patterns

Feed Builder

  • Overview -- Four-stage pipeline architecture (Connect, Source, Creative, Publish)
  • Notion Connect -- OAuth flow, database/page selection
  • Source Feed -- Masonry grid with property fetching and Send to Creative workflow
  • Creative Feed -- Workshop cards with Edit/Preview toolbar and action bar
  • Publish -- Publishing queue and distribution integrations

Documentation Components

  • PageHeader -- Title and description component
  • CodeBlock -- Syntax-highlighted code with copy button
  • PreviewBox -- Live demo wrapper
  • PropsTable -- Property/token reference table

Design Tokens

  • Primary gradient: linear-gradient(135deg, #1db954, #059669)
  • Surface: #ffffff
  • Border: #e5e5e5
  • Text hierarchy: #0a0a0a / #525252 / #a3a3a3
  • Minimum border-radius: 8px

No previous versions. This is the initial release.