Home page improvements

[tomrav]

The plan

• add some sort of background gradient/animation/something behind the logo
• remove "is" from logo, making it "CSS for Components"
• replace main feature summary with a number of sections with highlight bullets
  • if still appropriate, replace existing 6 icons with something closer to the language of the stylable logo
• replace intelligence gif with a video (for controls and size benefits)
• record new intro video to Stylable
• add reference to new handbook
• improve site-wide color palette (light and dark)
• consider alternative fonts
• review prose on homepage

[tomrav]

Feature summary

CSS Superset

• sticks to native css in syntax (syntax compliant with spec, using at-rules/rules/decl/etc and native pseudo syntax)
• utilize the cascade, CSS files as assets, outputs valid vanilla CSS
• extend CSS to support symbols and a module system

Style API

• create components stylesheet interface
• target parts and states externally as an api
• variants and theming
• namespacing

Type System

• extend stylesheets and patterns
• typecheck selectors and variables
• integrate stylesheet typings to TypeScript
• create typed stylesheet interfaces for components

Performant

• tree-shake unused CSS rules
• minify and optimize target CSS

Templating - Mixins & Formatters & Vars oh my.

• build vars, mixins and formatters
• create reusable customizable design patterns
• extend build time capabilities with JavaScript

Developer Tooling

• Intelligence
• CLI for building, formatting and code-moding stylesheets
• Integrations - bundling, TS, Next, Storybook
• Playground