Roku vs Sleek

Awesome Design Skills · Awesome Design Skills

Tied at 3/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: visual direction.

Roku3/5
After: Tally landing page, made with Roku (Awesome Design Skills)
Sleek3/5
After: Tally landing page, made with Sleek (Awesome Design Skills)

Scroll either page; the other follows.

Roku (Awesome Design Skills)

3/5

Roku gives Tally a clean developer-tool look: white cards, Inter with JetBrains Mono figures, a frosted top bar and purple accents. The dashboard uses only a top bar for navigation, with the Dashboard tab underlined in purple. It is tidy and works well on a phone, but it is a familiar SaaS look. Pick it for developer-facing dashboards.

Sleek (Awesome Design Skills)

3/5

Sleek gives Tally a light, minimal page: Inter, a neutral palette with one blue accent and an 8px grid. The dashboard puts a dark "Left to budget" card at the top of pale slate cards. It is tidy and readable, but generic. Pick it as a clean neutral base.

Side by side

FieldRoku (Awesome Design Skills)Sleek (Awesome Design Skills)
Fonts
  • Inter
  • JetBrains Mono
  • Inter
  • JetBrains Mono
Colors
  • #ffffff white
  • #fafafa canvas
  • #9333ea purple
  • #7e22ce deep purple
  • #f3e8ff lilac
  • #047857 green
  • #ffffff white
  • #f8fafc slate wash
  • #3b82f6 blue
  • #2563eb deep blue
  • #8b5cf6 violet
  • #0b1220 dark card
Pick it for
  • developer tools
  • SaaS dashboards
  • admin panels
  • B2B landing pages
  • SaaS landing pages
  • starter templates
  • admin dashboards
  • internal tools
Skip it for
  • consumer brands that need warmth
  • editorial sites
  • playful products
  • brands that need personality
  • editorial sites
  • playful products
Observations
  • close to many Vercel-style templates, with purple as the main difference
  • generic: hard to tell apart from other blue-on-white pages

How the brief works

Install Roku (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/roku#main .claude/skills/roku

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install Sleek (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/sleek#main .claude/skills/sleek

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.