As of now my project is pretty much as I originally described it. Plug in some variables and get back some programmatically generated CSS. The three buttons above are identical except for changing the website_type variable, to :webapp, :social, and :B2B
The Hard Parts
1. Took a million screenshots of websites and organized them in Evernote
2. Choose different style attributes (like button radius) and assigned values for each of the website categories (webapp, social etc..) See screenshot below
3. Translated that to specific CSS attributes
4. Wrote some .rb and soem .css.erb so I can plug in a color and category and get css for a button. See above screenshot
Get it working with more variables so I can make whole sites, instead of buttons.
Make a web interface for this all.