Brand colour study — eight leads, available screenshots and six original palette proposals ↗
Style & motion
Fonts, colours and motion.
Open actual specimens and playable studies. Browse website themes.
Interactions & backgrounds
The accepted hover, navigation and background study with replay controls.
Open →Applied colour comparison
Compare three palettes on the same interface.
Open →Website themes
Choose a direction by looking at the examples. Select an image to see it larger.
AstroPaper
One reading column, space and a clear accent.
Source and licence
Editorial by HTML5 UP
Display type and magazine-style sections.
HyperUI cards
Heavy borders, flat colour and offset shadows.
Source and licence
HyperUI analytics
Neutral panels with colour for states and data.
Source and licence
Rinjin’s printed menu
Real food, handwritten headings and warm materials.
Reference notes
Private menu reference. The card shows a crop. Select the image for the full photograph. Use your own photos for client work.
USWDS landing page
A direct callout and clear actions.
Eleventy Base Blog
A text-first starting point for a simple site.
Source and licence
Twenty Twenty-Five
Minimal and editorial layouts for WordPress.
Source and licence
Version 1.5. GPL v2 or later.
Business Casual
Warm background photography, cream panels and a classic cafe layout.
Fonts, colour, shapes and reuse
Fonts: Raleway headings; Lora body. Colour roles: Coffee brown and cream. Shapes: Framed text panels and overlapping photos.
Our description of this template, not a claim that every site in this style uses these ingredients. MIT — preserve the notice. Demo media and dependencies need separate review.
Freelancer
An illustrated profile opening, project grid, about section and sample contact layout.
Fonts, colour, shapes and reuse
Fonts: Montserrat headings; Lato body. Colour roles: Teal, navy and white. Shapes: Flat illustration, rounded projects and star separators.
Our description of this template, not a claim that every site in this style uses these ingredients. MIT — preserve the notice. Demo media and dependencies need separate review.
New Age
Phone mockups, gradient backgrounds, feature groups and app-download links.
Fonts, colour, shapes and reuse
Fonts: Newsreader headings; Mulish body; Kanit branding. Colour roles: Violet, pink and white. Shapes: Device frames, circles and colour fields.
Our description of this template, not a claim that every site in this style uses these ingredients. MIT — preserve the notice. Demo media and dependencies need separate review.
Solid State
Layered dark surfaces, angled section edges, circular pictures and project cards.
Fonts, colour, shapes and reuse
Fonts: Raleway headings; Source Sans Pro body. Colour roles: Slate, blue-grey and white. Shapes: Diagonal section edges and circular image masks.
Our description of this template, not a claim that every site in this style uses these ingredients. CC BY 3.0 — credit HTML5 UP and identify changes. Demo media and dependencies need separate review.
Forty
A large typographic opening, coloured image tiles and multiple inner pages.
Fonts, colour, shapes and reuse
Fonts: Source Sans Pro. Colour roles: Midnight blue with multiple tile accents. Shapes: Fine rules, asymmetric tile grid and tinted photography.
Our description of this template, not a claim that every site in this style uses these ingredients. CC BY 3.0 — credit HTML5 UP and identify changes. Demo media and dependencies need separate review.
Massively
A dramatic title above a white long-form page with featured story and article grid.
Fonts, colour, shapes and reuse
Fonts: Source Sans Pro headings; Merriweather body. Colour roles: Charcoal, white and cool blue. Shapes: Oversized uppercase type, rules and spacious article cards.
Our description of this template, not a claim that every site in this style uses these ingredients. CC BY 3.0 — credit HTML5 UP and identify changes. Demo media and dependencies need separate review.
One Page Wonder
Bold type on a bright background, then alternating round photos and large headings.
Fonts, colour, shapes and reuse
Fonts: Catamaran headings; Lato body. Colour roles: Pink, orange, black and white. Shapes: Large circles and alternating editorial sections.
Our description of this template, not a claim that every site in this style uses these ingredients. MIT — preserve the notice. Demo media and dependencies need separate review.
Modern Business
Dark opening, service grids, FAQ, pricing, blog and portfolio pages.
Fonts, colour, shapes and reuse
Fonts: System sans-serif. Colour roles: Charcoal, white and blue. Shapes: Feature icons, image panels and repeated grids.
Our description of this template, not a claim that every site in this style uses these ingredients. MIT — preserve the notice. Demo media and dependencies need separate review.