A
ARTIFX
ScrollFull-screenNarrativeSections2013–Present#70 · Modern

One-Page UI

Full-screen sections stacked vertically, each filling 100vh. Scroll navigation through a complete narrative told in distinct visual chapters.

Live Preview
Real components, rendered in the One-Page UI style.

Everything you see below — buttons, cards, type and colour — is this theme applied live, so you know exactly how your product would feel.

Component Card
Uses the real One-Page UI tokens — not a stock image.

Color Palette

Section 1
#FFFFFF
Section 2
#F4F4F4
Section 3
#1A1A1A
Accent Teal
#00B4A0
Dark Text
#111111

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
UI/UX
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Dev
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Docs
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Scroll
One-Page UI
Full-screen sections stacked vertically, each filling 1...
Feature Card
Component example in this style

What Defines This Style

The signature details that make One-Page UI instantly recognisable.

01

Each section fills exactly 100vh

02

Alternating background tones between sections

03

Sticky navigation highlights active section

04

Smooth scroll behavior between sections

05

Final section is always a CTA

Industries & Business Models

One-Page UI works best for these industries

🔥
Popular Models
25 Modern Business Architectures
Explore Models →
🔧
Home Services
On-Demand Home Care Infrastructure
Explore Models →
🍽️
Food / Restaurant
Hyperlocal Food Technology Systems
Explore Models →
70 / 86 styles