• Home
  • About Class
    • Class Notes
    • Class Resources
    • RWD Terms
    • Important CSS
    • Examples
  • Assignments
    • Milestones
    • Submit/Help
    • Extra Credit
  • Class Schedule
    • Calendar
  • Class Blog

Responsive Design

for Platt College

September 22, 2014

Style Tiles Example

Here are some examples of style tiles. Have fun with them and try out all kinds of combinations! Experimenting is a really good thing in code and in design as it helps you learn from others as well as yourself. The project I have displayed here is from a project for the Santee Food Bank.

Here is what I expect from you: You must turn in at least two tiles. Each style tile must be different. It does not have to be completely different — for the two tiles in the example have some similar colors but do not have the same colors. The two tiles have different adjectives, the buttons are different, the fonts are different, the textures are different. It is important that you have an example of what a text link looks like as well. There should not be more than three fonts on a given page.

Version 2Version 1

Filed Under: Class Notes, Milestone Examples

Quote:

In our vast search-driven Web, visual design can help people move beyond first impressions and into meaningful interactions — Luke Wroblewski

Trish’s Info

e-mail: tladd@platt.edu
About Trish

Recent Posts

  • Day 25
  • Day 24
  • Day 23
  • Day 22
  • Day 21

Copyright © 2025 · Trish Ladd · Log in