Make a Page Look Expensive With 17 Free, Rare Sources

Give-Away and Freebies
, , ,
1

a page that looks expensive for 0
a page that looks expensive for 01200×780 88.4 KB

SEE IT · BUILD IT · MATCH IT

17 free pieces · one page that looks like it cost money · $0, no account

Look first, build second, make it match last — the numbers run in that order, so you never open the wrong tab.

:framed_picture: 01–08 · SEE THE MOVE

01 :magnifying_glass_tilted_left: ui-archive.com — every colour, font, spacing and icon a real site ships
02 :page_facing_up: screenrove.com/empty-states — 443 empty screens from 145 products, filtered
03 :mobile_phone: wwit.design — Korean apps sorted by screen: splash, onboarding, checkout
04 :map_of_japan: tehon.group/gallery — 281 Japanese sites filed by industry, purpose, tone
05 :card_index_dividers: qusheet.com — 999+ Korean and worldwide links, refreshed daily
06 :compass: designrefs.com — 397 sites, each with a note on which to open
07 :brick: references.d-e-n.info — a Russian gallery of UI sections by type
08 :sparkles: collected.li — a fresh shelf of sites on every visit

:artist_palette: 09–14 · BUILD THE MISSING PIECE

09 :ocean: lumisphere.app — mesh, glass, waves, blobs, noise → PNG, SVG, CSS
10 :cyclone: rhythm.pixels.studio — 11 generative pattern types, tuned and exported
11 :film_frames: halftone-fx.com — photos into halftone dots → PNG, SVG, WebM
12 :input_latin_letters: fontkind.com/fonts/cjk — 174 Japanese, Chinese, Korean fonts, each in its script
13 :input_latin_uppercase: toomuchtype.com — an open-source variable-font lab with playable specimens
14 :input_latin_lowercase: type.dt1.org/render — 1,132 fonts as a live specimen link you can send

:triangular_ruler: 15–17 · MAKE IT ALL AGREE

15 :level_slider: scalecomposer.com — one scale becomes type sizes, colour ramps, spacing, grid
16 :puzzle_piece: browsable.dev — describe the component, get one of 51,000 from 313 libraries
17 :broom: svgtools.dev — batch SVG clean-up → React, Vue, Svelte, PNG, in the browser

the 20-minute pass — nine moves, no degree
  1. Open ui-archive.com on two pages you admire, copy the colour ramp of the calmer one.
  2. Pick the layout from tehon.group/gallery by tone, take the spacing rhythm only.
  3. Take one detail from screenrove.com/empty-states and put it where your page is blank.
  4. Set the type from scalecomposer.com, export, paste — no sizes typed by hand.
  5. Give every icon the same family from the site you inspected in move one.
  6. Drop the surface in from lumisphere.app or rhythm.pixels.studio.
  7. Take a non-Latin face from fontkind.com/fonts/cjk for one accent word.
  8. Clean every SVG through svgtools.dev before it ships.
  9. Show it to somebody on a phone: a reference is proven when the small screen still reads.

Take the decisions, leave the design. Yours ships looking like it cost something.

4 Likes