Livintech

We create living spaces that blend aesthetics, functionality, and modern technology — delivering homes that feel warm, timeless, and deeply personal. Check our website on thelivintech.com

2026 Website Design

Typography

We chose Inter as the primary typeface for its clean, modern, and highly readable design. It complements the website’s architectural photography without distracting from the content, while providing a clear visual hierarchy and a consistent experience across all devices.

Project Goal and Needs

Every project begins with understanding the people who will live in it. We explore daily habits, lifestyle preferences, and spatial needs to create spaces that truly feel personal.

We believe great design is not only visually appealing, but also able to improve comfort, functionality, and the overall living experience.

Color Palette

The color palette combines neutral tones with warm accent colors to create a clean, elegant, and inviting visual identity while maintaining clarity and consistency across the website.

(Base)

#FFFFFF

#EAEAEA

#85868A

#55565B

#0C0E15

(Accent)

#F4EEE9

#E8DCCE

#CDAF86

#A67A50

#80552C

#FCFAF8

#F7F3F0

#F1ECE7

#ECE5DF

#D9CCC0

#FCF9F6

#FAF5F0

#F7F1EB

#F5EEE5

#E6D8C8

Pages We Designed

A total of 8 pages were designed, including the homepage, blog, projects, virtual tour, 360 virtual service, and their respective detail pages.

Grid System

An 8-column grid with 60px margins and 20px gutters provides a consistent layout foundation, ensuring balanced spacing, clear alignment, and flexibility across all pages.

columns

Margin 60

Gutter 20

(01)

Home Page

A clean and intuitive homepage makes it easy to explore services, portfolios, and virtual tours. Bold typography and minimal layouts create a modern and comfortable browsing experience.

(02)

Blog & Detail Page

The blog section shares design inspiration and insights on architecture and interiors through a clean, readable layout.

(Blog)

(Blog Details)

(03)

Projects & Project Detail

The project pages present each work in a structured and immersive way, allowing visitors to explore its concept, materials, and spatial details with ease.

(Projects)

(Project Details)

(04)

Virtual Tour

The virtual tour page offers an immersive way to explore spaces in 3D, allowing visitors to discover different environments and experience their design from every angle.

(05)

360-Virtual-Service

The 360 Virtual Service page highlights the benefits of immersive virtual tours, showcasing responsive design, performance, and a seamless experience across devices.

(06)

Virtual Detail

The virtual detail page provides an immersive 360° experience, allowing visitors to explore spaces, navigate between rooms, and interact with the environment seamlessly.

(Virtual Tour Detail)