Lifetime dealπŸ‘‰ DON’T MISS OUT. Limited time launch deal ends in

Grain Gradient Landscape

Generate stills in a grain-gradient hillscape style: rolling hills as flat color fields with airbrushed gradient transitions, dense fine stipple grain, dot-cluster texture meadows, a winding pale path, and black bare-tree silhouettes under a serene minimal sky. Works with any image-generation model, or composed directly in HTML/CSS. Each still stands alone as finished key art in a coherent landscape series.

sample still β€” generated with this skill's prompt blueprint
SKILL.md

Grain Gradient Landscapes

Serene hillscape key art built from overlapping rolling hills: every hill a flat color field, hues melting into each other through airbrushed gradients, and the whole surface dusted with fine stipple grain. A pale winding path threads between the hills and gives each frame its spine.

Style DNA

  • Hills as flat color fields: each hill is one clean shape with a long, smooth ridgeline. Color changes WITHIN a hill are airbrushed gradients (pink melting into orange into yellow); edges BETWEEN hills stay crisp so the overlap reads clearly.
  • Stipple grain: dense, fine dither grain over every surface is the signature tell. Grain thickens inside shadows and along gradient transitions; visible at full size, felt at thumbnail size.
  • Dot-cluster meadows: green and yellow fields carry scattered clusters of small dots in a darker or contrasting hue, denser near the bottom edge and thinning as the hill recedes. This is texture, not rendered flowers.
  • Winding pale path: a near-white cream path enters at the bottom edge, S-curves between the hills, and vanishes behind a far ridge. It is the compositional spine; almost every frame has one.
  • Tree silhouettes: bare trees as pure black flat silhouettes with fine branching, no leaves, no bark detail. One large tree in the foreground for scale, or small clusters dotted along a distant ridgeline. Trees cast one long, soft airbrushed shadow on the hill they stand on.
  • Palette discipline: sky blue, deep cobalt blue, pink, orange, yellow, green, plus the cream path. Four to six hues per frame; every hue vivid but softened by grain. No brown, no gray, no muddy mixes.
  • Sky: pale cyan airbrushed to near-white at the horizon. Empty and serene: no clouds, no sun disc, no birds. The sky is a resting plane.
  • Typography: none. No readable letters, numerals, fake UI, watermarks, or logos inside generated frames; wordmarks are composited on afterwards.

Subjects & framing

  • Best subjects: brand key art, hero backgrounds, article and cover art, seasonal series, calm wall-art sets. The style carries mood, not narrative detail; keep subject matter to hills, path, trees, and sky.
  • Default aspect ratio 16:9 landscape; tall 4:5 or 9:16 crops work when the path route is planned for them.
  • Build depth with two to five overlapping hills: foreground hill (largest grain, deepest value), path, mid hills carrying the main gradient event, far ridge, sky.
  • Keep one calm zone (usually the center or upper third) free of trees and dot clusters so an overlaid wordmark or title never fights the art.

Still set

A landscape set typically needs four plates that read as one world:

  1. Hero landscape: the full statement. Path from bottom edge to far ridge, one foreground tree, boldest gradient hill, complete palette.
  2. Texture close-up plate: a tight crop of one hill shoulder showing the stipple grain, one gradient transition, and a dot-cluster meadow edge. Documents the surface language for the series.
  3. Alternate-palette variant: the same composition at dusk or in another season: deep indigo and rose with an orange horizon glow, or a winter pass with pale fields and denser black trees. Geometry stays; hues shift.
  4. Quiet negative-space plate: hills pushed low, sky and one calm gradient field occupying most of the frame; room reserved for a wordmark or headline composited on afterwards, never generated in.

HTML/CSS route

This style composes cleanly in code because every element is a flat shape:

  • Hills: stacked SVG <path> shapes, each filled with a <linearGradient> of two or three stops; add a soft radial-gradient overlay with mix-blend-mode: multiply for the airbrushed shadow passes.
  • Grain: one full-frame SVG <feTurbulence type="fractalNoise"> layer run through <feColorMatrix> to monochrome, laid over everything at 8-15% opacity with mix-blend-mode: overlay; a tiling noise PNG also works.
  • Dot meadows: a repeating radial-gradient dot tile applied through mask-image shaped to the meadow area; overlay two offset tiles at different scales so the clusters feel hand-placed rather than periodic.
  • Path: one SVG bezier ribbon widening toward the bottom edge, cream fill, a faint inner linear gradient for distance falloff.
  • Trees: inline SVG branch paths in pure near-black; reuse one tree at several scales rather than drawing many.
  • Palette variants: derive dusk and season plates from the same markup by swapping CSS custom properties on the gradient stops.

Failure modes

  • Photoreal or 3D-shaded hills: kills the flat read. Reprompt with "flat color-field illustration, no realistic lighting, no photo texture".
  • Missing grain: smooth airbrush with no stipple reads as generic vector art. Force "dense fine stipple grain over every surface" back in.
  • Rainbow soup: more than six hues, or gradients crossing unrelated hues, breaks palette discipline. Name the exact hue order per hill.
  • Straight or missing path: the frame loses its spine and becomes stripes. Specify the S-curve route explicitly, entry edge to vanishing point.
  • Detailed trees: leaves, bark, or gray trunks break the silhouette language. Demand "pure black flat bare-tree silhouettes".
  • Busy sky: clouds, sun discs, or saturation stolen from the hills. The sky stays the palest, emptiest plane in the frame.
  • Gradient banding: visible steps in large airbrushed areas; more grain is the fix, in prompts and in code alike.
  • Text sneaking in: regenerate; never plan to retouch it away afterwards.

Copy-ready prompt

Paste your scene at the end - mood, season, hill layout, or what the key art is for. The colors are this style's defaults - swap any of them for your own.

Serene minimal hillscape illustration, 16:9. Rolling hills as flat color
fields, each hill one clean shape with a long smooth ridgeline; color melts
WITHIN each hill through airbrushed gradients while the edges BETWEEN hills
stay crisp so the overlap reads clearly. Two to five overlapping hills
build the depth: the largest, deepest-value hill in the foreground, mid
hills carrying the main gradient event, a pale far ridge against the sky.
Dense fine stipple grain dusts every surface - thickening inside shadows
and along gradient transitions - and the green and yellow fields carry
scattered dot-cluster meadows in a darker contrasting hue, denser near the
bottom edge and thinning as the hill recedes. A near-white cream path
enters at the bottom edge, S-curves between the hills, and vanishes behind
a far ridge. Bare trees stand as pure black flat silhouettes with fine
branching and no leaves - one large foreground tree for scale, casting one
long soft airbrushed shadow, and a small cluster on a distant ridgeline.
The sky is pale cyan airbrushed to near-white at the horizon, empty and
serene: no clouds, no sun disc, no birds. One calm zone in the center or
upper third stays free of trees and dot clusters. Palette: sky blue, deep
cobalt blue, pink, orange, yellow, green, cream path, black tree
silhouettes - four to six vivid hues softened by grain, no brown, no gray,
no muddy mixes (default palette - replace any of these with your own
colors). Minimal flat illustration, no photo texture, no realistic
lighting, no 3D shading, no text, no logos, no watermark.

Subject: [PASTE WHAT YOU WANT THIS IMAGE TO SHOW - one or two sentences]

Example subject

A dusk scene - five hills shifted to indigo, violet, and rose, the mid hill glowing dusty orange at its crest.

Turn this into a finished video

CoAnimator is a free desktop studio that renders code-driven videos locally β€” bring this style in and ship a full animated video with voiceover and music.

Download CoAnimator β€” free