Milo
Designers

Bento Notes by Jo

A product designer's personal site built as one bento board. Good for independent product designers, personal sites with a newsletter and one-screen portfolios. Milo swaps in your words, photos and brand.

Free to start. No card needed.

Bento Notes by Jo website template: the top of its home page
What’s in it

A whole site, ready for your story.

1 page, 1 section and 4 photos. A product designer's personal site built as one bento board: a greeting tile, project photographs, six social tiles, a portrait, an about tile, a notes tile, a newsletter tile, a tools tile, a status tile and a contact tile inside a thin rounded frame, with a slim header and footer.

  1. Hi, I'm Jo –
Look and feel

Colours and type that already work.

Keep them, or bring your own brand. Milo carries your colours, fonts and logo through every section.

Colours

  • Background#0B0B0C
  • Soft background#151516
  • Text#EDEDEE
  • Quiet text#7B7B80
  • Accent#F3C98B
  • Tile Button#26262A

Warm sand marks the header button, the live status dot and the section labels; tile buttons are a lifted dark grey with off-white type; everything else is off-white on near-black tiles.

Fonts

Headings
DM Sans
Body text
DM Sans

A friendly geometric sans in regular weight, set large and loose inside tiles, with dim grey for the second line.

Voice: Warm, plain-spoken and quietly confident; one person talking, not an agency.

Portfolio

More like this.

Build something that moves people.

Describe your business and see your site take shape in minutes.

Free to start. No card needed.