BTNXIODesign Lab

Eight design modes. Live previews.

Switch typography, surfaces, controls, and layout treatment across this website. The selected mode is saved in your browser.

COMPONENT PREVIEW

Live component preview

This frame renders the actual website with the selected layout, typography, and components. Its viewport changes independently of this page.

BTNXIO+Modern Tech / SaaS

Interactive demonstration · not client work

Component states and interaction

Use the button to change its state. Switch viewport width to inspect the responsive layout.

Contact page

Example only. This value is not sent or stored.

Typography sample

Headings, body text, and readable spacing.

Contact BTNXIO.

Package price: ₪1,200.

Connect Google Analytics and WhatsApp.

12 months of activity.

Email: btnxio@gmail.com.

Shared production components

The service card, pricing card, and field below are the same components used on the Services, Pricing, and Contact pages.

/ 01

Website development

Landing pages, business and corporate websites, personal sites, and portfolios.

Project inquiry
01 /

Starter

One landing page.

₪700

Setup + initial service period · 12 months

Package scope — details agreed in the quotation

  • One landing page
  • Custom brand design and professional user experience
  • Responsive across computers, tablets and phones
  • Animation, effects and interactions according to specification
  • Colors, fonts, structure, components and content tailored to the project
  • Contact form, social links and basic SEO preparation within the agreed scope

DESIGN SYSTEM

Compare the eight design modes

Design modeVisual treatment
Modern Tech / SaaSProduct-led layouts, gradient illustrations, balanced cards and clear pricing.
Modern CorporateStructured service hierarchy, restrained typography and a professional directory.
Cyberpunk / HackerNeon interface modules, a technical console and geometric navigation.
Immersive 3D / Sci-FiInteractive spatial sculpture, cinematic depth and floating scene navigation.
Creative StudioOversized poster typography, asymmetric compositions and graphic shapes.
Luxury / EditorialSerif headlines, magazine columns and carefully spaced compositions.
Tech DashboardModular workspace, compact technical panels and a navigation rail.
Classic BusinessTraditional masthead, readable prose, simple service rows and minimal motion.