Lime Voltage
Black, electric lime and huge condensed caps. A startup that wants you to notice.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
Pure attitude: a black page, an acid lime that hums like a highlighter, giant condensed uppercase headlines and chunky cards with hard offset shadows. Everything is loud, quick and confident. It looks like a challenger brand that just raised its Series A and wants a fight.
Lime Voltage is the loudest kid in the SaaS category. A black canvas, an acid lime that behaves like a highlighter pen, colossal condensed uppercase headlines and blocky cards with hard offset shadows. It borrows from neo-brutalist web design, street poster typography and challenger-bank advertising. Every section should feel like a punch line: one big statement, one proof, one button. It is confident to the point of cheek, and that is the point.
Principles
- One huge statement per section, set uppercase and tight.
- Lime is electricity — use it for actions, highlights and one full band.
- Hard edges only: 0px radius, 2px borders, hard offset shadows.
- Short words. If a headline needs a comma, rewrite it.
- Movement is snappy and physical; nothing floats.
Motion
Headline lines slam in from the left one after another, 80ms apart, with no fade. Buttons and cards shift 4px down-right onto their lime shadow when pressed, like a physical key.
Do & don't
Do
- ✓ Let the hero headline touch both edges of the container.
- ✓ Use one full lime band with black text per page.
- ✓ Rotate sticker cards between -3 and 3 degrees.
Don't
- ✕ Don't round any corner.
- ✕ Don't use gradients, glass or soft shadows.
- ✕ Don't put lime text on light backgrounds.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 361 lines of DESIGN.md in total.
More like this
All SaaS & Bento →
FreeBento Daylight
No. 039A sunlit bento box of product tiles: soft grey canvas, white cells, one confident blue.
Bento Midnight
No. 040Charcoal tiles on a blueprint grid, lit from inside by a single violet glow.
Hairline Noir
No. 041Near-black, one ice-blue accent and hairlines drawn with a 0.5mm technical pen.
Indigo Clarity
No. 042White space, deep indigo and crisp product screenshots that explain themselves.
Signal Grid
No. 043A dense analytics cockpit: tight grids, tabular numbers and charts that do the talking.
Soft Intelligence
No. 044Calm AI product pages: pearly gradients, a literary serif and a chat window as the hero.