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.

One-Page UI style preview
Sample PreviewOne-Page UI aesthetic

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
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
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

Key Characteristics

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