Los Angeles Grids

100 LA Layouts 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

Layouts

  1. Flying into LAX
  2. DTLA 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. Cormorant Garamond typesheet
  18. Courier typesheet
  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. Kid's Climate Change march
  36. Las Virgenes View Trail