Los Angeles Layouts

LA Layouts is an off the grid look at Los Angeles.

It is a side project to create 100 designs about Los Angeles to study layouts and typography. Most pages use photos of Los Angeles and include some of my favorite locations. It's an ethnographic love story for LA. All the layouts will use CSS grid. I'll also bring in cool CSS properities like flexbox, shapes, transforms, animations and multi-column. Font selections come from Google and Adobe collections. I want to use variable fonts and web fonts served here. I'll keep a list of type specimens for review. If you'd like to view code or contact me find links in the footer.

Scott Gruber
Los Angeles. 2018-19

  1. Flying into LAX
  2. The Park
  3. Bonaventure Hotel
  4. Santa Monica Pier
  5. Brown Pelican Mural, Venice
  6. Walt Disney Concert Hall #1
  7. Walt Disney Concert Hall #2
  8. Walt Disney Concert Hall #3
  9. Walt Disney Concert Hall #4
  10. Color palettes, Santa Monica mountains
  11. Swatch color palettes
  12. Interaction of Color, Joseph Albers
  13. Swiss poster
  14. Disney Hall, polygon & clip-path
  15. LA Audubon Bird palettes
  16. Santa Monica Mountain Colors
  17. Extinction Rebellion street posters
  18. Extinction Rebellion essay
  19. Liberty and the Heart of LA 2018
  20. cicLAvia street photographer
  21. cicLAvia Families, Heart of LA
  22. cicLAvia peace sign, Heart of LA
  23. Easter Bluejay: How to Draw 28 Birds in Harper's Style
  24. ciclavia we love our police
  25. Charley Harper, American illustrator
  26. Flock of Blue Jays, Greensock animation
  27. LA Ice Rink
  28. Burrowing Owl: How to Draw 28 Birds in Harper's Style
  29. For Lemmy
  30. Interaction of Color, ver 2
  31. Our days begin and end as stories
  32. Bumblebeelovesyou Mural
  33. LA Noir, Raymond Chandler
  34. Palms Street Art. Women reading book.
  35. Sidewalk art
  36. Las Virgenes View Trail
  37. Soul of a Nation
  38. Men love Annie. coffee shop art.
  39. Extinction Rebellion skull poster
  40. Extinction Rebellion butterfly poster
  41. Extinction Rebellion hourglass poster
  42. Extinction Rebellion global warming dead plant poster
  43. Layout 43: Gorillas
  44. Layout 44: Union Station
  45. Layout 45: CC Fest
  46. Layout 46: fractional unit and img sizing study