How it works 4
A three-step flow with short explanations for each stage. It clearly explains setup, ordering or launching a new service.
English
JOURNAL
OneStudio JournalNew in OneStudio
New components, design capabilities and system updates: concise, useful and easy to scan.
Latest updates
Short notes on what has joined the library and where each piece can be useful.
List 7
A list with search, filtering and a clear empty state. Useful for content, tasks or records that need to be found quickly.
Features 9
Feature cards that switch the scenario and reveal the matching details. They help present one product for different roles and needs.
Forms 4
A detailed form with fields, option selectors and considered input states. Useful for a request, service setup or workflow.
Footer 4
A large footer with a signup field, link groups and a strong closing line. Useful for a project that needs a substantial final screen.
CTA 11
A high-contrast call to action with short copy and a clear path to the button. Useful for a launch, signup or consultation request.
CTA 6
A restrained closing block with one clear action and generous space. It brings a landing page, presentation or service page to a clean finish.
Card 8
Cards with strong visual hierarchy and a clear selected state. A fit for a catalog, service collection or set of directions.
Card 7
A grid of short entries with authors, dates and a save action. Useful for an updates journal, library or content list.
Waitlist 2
A compact waitlist form focused on early access and a short message. Useful for a new product, private feature or upcoming event.
Pricing 7
A plan comparison with a billing-period switch and a clear list of differences. It helps visitors choose the right access level quickly.
Pricing 4
An introductory pricing block with a strong promise and a calm transition into plan options. Useful for a SaaS product, service or subscription.
FAQ 7
An FAQ with topic groups and expandable answers in a two-column composition. It organizes detailed explanations into clear sections.
FAQ 5
A clean question list with smooth answers and a separate contact action. Well suited to a service, product or subscription page.
Stats 9
A large metric with a slider that immediately changes the calculation and comparison. Useful for a calculator, financial scenario or showing impact.
Stats 8
Two large metrics set against a graphic pattern that adds depth. A good fit for results, reports or a growth story.
Comments 3
A composition of comments, names and reactions gathered into one lively stream. Useful for a community, product or case study with visible user voices.
Social Proof 13
A light proof block with market mentions, short facts and a gentle entrance animation. It shows product reach without a long logo wall.
Navigation 12
A compact top navigation with a toggleable menu and clear link hierarchy. A fit for a landing page, documentation or a small multi-page site.
Navigation 7
A navigation with expandable sections, descriptions and a mobile menu. Useful for a product or service with multiple directions and nested pages.
Hero 21
An atmospheric first screen with a deep light scene and several entry points. Made for a brand, event or product that needs a strong visual opening.
Hero 20
A minimal first screen with precise text rhythm and a clear action button. Useful for presenting a service, product or new direction.
Hero 19
A first screen with expressive type and moving layers that open up the composition. A strong option for a launch, studio or technology product.
Hero 15
A calm first screen with a clear message and a refined graphic detail. Useful for a product, service or personal project with focused positioning.
Analytics 5
An interactive channel chart with metric switching and focused values. A compact way to present distributions and outcomes.
List 4
A reorderable list with drag interaction and keyboard support. Useful when the order of materials needs to change directly in the interface.
CTA 4
A call to action with a large message, button and moving image strip. It gives the end of a page an energetic visual finish.
Features 6
A set of functional cards where the details emerge on hover. A clear way to explain product areas without a wall of text.
Showcase 5
Switchable categories paired with a continuous visual work feed. A good fit for portfolios, case studies and collections people want to explore.
Card 5
Plan cards with specifications, included features and a selectable current option. It gives several offers a clear, calm comparison.
Card 1
A member card grid with a short profile, status and action. Useful for teams, communities or people directories.
Navbar 4
A responsive top navigation with grouped sections, dropdown menus and a mobile drawer. A fit for products with more than one level of content.
FAQ 3
A question section with categories and expandable answers. It keeps a larger set of explanations organized and easy to browse.
Stats 3
A high-contrast block with large metrics and a moving graphic pattern. Useful for growth stories, outcomes and numbers that deserve attention.
Stats 7
A set of metrics with horizontal scales and a sequential fill animation. It makes comparisons easy to understand at a glance.
Waitlist 1
An early-access form paired with a moving image feed. A natural fit for a new product launch, collection or limited release.
Social Proof 8
A large testimonial with a visual pairing and browsing controls. Made for services that want to tell one customer story instead of showing a long quote list.
Social Proof 4
A testimonial sequence with avatars and smooth state changes. It brings customer voices closer to the main value proposition.
Hero 18
A search-led first screen that brings scopes, categories and results into one panel. Useful for products where people need to reach content or an action quickly.
Hero 12
A first screen built over a large photograph, pairing a bold message with a compact information card. Well suited to interiors, services and visual-led projects.
Hero 7
A distinctive first-screen composition with a visual scene, changing frames and a light trail. A strong fit for landing and promo pages that need to set a mood immediately.