Mineral white
#F7F7F2- Why we chose it
- It echoes light walls and architectural surfaces.
- What we want to communicate
- Breathing room and restraint.
- Where it is used
- Page backgrounds.
A Kreluna concept · not client work
BEHIND THE DESIGN / Website / architecture
LineaMaking room for architecture.
An imaginary studio presented through projects and images. The interface stays understated so it does not compete with space, light, and materials.
Why these colors and this structure? Explore the projects
«This studio has a clear design language. I can look at its projects and understand how it works.»
Who it is for
People looking for a studio who want to explore its design sensibility, projects, and services.
A design intention, not a promise
This is the intention behind the design. Perception also depends on the audience, content, and service. It is not a result measured through testing or market research.
More than a palette.
A clear message.
For each color: its inspiration, the impression we want to create, and its role in the interface.
Green graphite
#283029- Why we chose it
- It connects the text with the natural tones in the images.
- What we want to communicate
- Precision without an overly cold contrast.
- Where it is used
- Main text.
Forest green
#35473A- Why we chose it
- It connects the graphic language to the landscapes in the projects.
- What we want to communicate
- Balance and attention to context.
- Where it is used
- Accents and links.
Mineral green
#67745F- Why we chose it
- It introduces a shade close to the vegetation in the photographs.
- What we want to communicate
- Continuity between built spaces and the landscape.
- Where it is used
- Emphasis in headings and details.
Colors have no universal meaning and do not guarantee sales. Here, the associations are grounded in the imagery and the project's identity. Contrast, interaction states, and readability must be checked in actual use.
03 / TYPE AND IMAGERYThe tone comes through
The tone comes through
in the details, too.
Georgia + sans-serif typefaces
Georgia brings an editorial tone to project headings. Labels, navigation, and metadata remain understated so the typography does not compete with the images.
The photography
Large photographs open the story; the grid makes projects easy to compare. Dedicated project pages give space to light, interiors, and the relationship with the landscape.
Every page has a purpose.
The structure separates information and guides decisions. In apps, these sections represent screens or steps, not necessarily separate web addresses.
- 01
Home
A featured project and a selection of work introduce the studio's design language.
- 02
Projects
The grid lets visitors compare three projects and choose which to explore.
- 03
Courtyard House / Light Loft / House Among the Pines
Each page presents a distinct project, with its own story and images.
- 04
The firm
It presents the imaginary studio's identity and approach.
- 05
Services
It defines the areas of practice, keeping them separate from the portfolio.
- 06
Contact us
It guides visitors toward an initial conversation; the form is a local simulation.
- 07
About the demo
It distinguishes demo projects from real commissions and completed work.
The main user journey
- 01View the projects
- 02Explore a project
- 03Discover the studio and services
- 04Try the contact form
Want a project designed this way?
Tell us about your business and what you want to achieve. Together, we will define a starting point, with scope, timeline, and costs agreed on before work begins.