← all styles

// style

Bento Grid

Content in a modular grid of rounded tiles of varied sizes, like a lunch box.
traits.txt
  • ▸ Rounded tiles
  • ▸ Mixed sizes
  • ▸ One idea per tile
Mood
Organized, modern, techy
Use it for
Feature overviews, dashboards, personal link pages.
Try fonts
Space Grotesk, SF Pro, Geist
palette_options.clr

Palette possibilities

Citrus & mint

#F5F5F7 · #1D1D1F · #FF9F0A · #30D158

Rose & cobalt

#FFF2F5 · #29232E · #E06C91 · #4265CB

Graphite & lime

#191C20 · #F1F3F5 · #B9DF63 · #8895A7

Real examples

apple.com
Homepage of Apple product pages

Fonts

SF Pro

Colors

#000000 #F5F5F7 #2997FF #86868B

bento.me
Homepage of Bento.me

Fonts

Inter

Colors

#FFFFFF #000000 #F2F2F2 #7A7A7A

Get the newsletter

Great designs and de-slop tips. What's in it

Great designs, de-slop tips, now and then. Unsubscribe any time.