Studio Archive.

A female model is lying on a television in a green living room.
A woman is placing fruits on a plate in a 1980s design kitchen with green plants decoration at the celling.
A man is sitting on a brown chair looking out of the frame in a minimalist room

Studio Archive is a brand dedicated a private space for gathering and enjoy the moment. The platform was created as a studio for photoshoot, party and appreciate different interior design style. Studio Archive provides various thematic studios to share the beauty of furniture design influenced by different cultures, periods and space.

Interactive Elements

In-text Link

CSS sector

.text_link

Sample code:

<a class="text_link" href="https://www.instagram.com/furniturearchive/">
Link Display Name</a>

Rendered element:

"This is a" link "within a text paragraph."

Navigation Link

CSS sector

.button-nav

Sample code:

<a class="button-nav" href="#nav_button">Nav Button>

Rendered element:

Nav Button

Text Input Field
With Label

CSS sector

label, input

Sample code:

<form method="post" action="#">
<label for="email"><Email:><label>
<input name="email" id="email" type="text"
placeholder="xxx@gmail.com">form>

Rendered element:


Image As A Link

CSS sector

.img-item

Sample code:

<a href="https://thegikitiki.tumblr.com/post/184759725896/
kitchen-design-and-decor-1980">
<img class="img-item" src="img/home2.png" width="1174" height="2368"
alt="A woman is placing fruits on a plate in a 1980s design kitchen
with green plants decoration at the celling.">

Rendered element:

A woman is placing fruits on a plate in a 1980s design kitchen with green plants decoration at the celling.

Text Elements

Headings

CSS sector

h1 h2 h3 h4

Sample code:

<h1>Studio Archieve<h1>

Rendered element:

Studio Archieve

Studio Archieve

Studio Archieve

Studio Archieve

Paragraphs

CSS sector

<p> </p>

Sample code:

<p> Studio Archive is a brand dedicated a private space for gathering and enjoy the moment. The platform was created as a studio for photoshoot, party and appreciate different interior design style. Studio Archive provides various thematic studios to share the beauty of furniture design influenced by different cultures, periods and space.</p>

Rendered element:

Studio Archive is a brand dedicated a private space for gathering and enjoy the moment. The platform was created as a studio for photoshoot, party and appreciate different interior design style. Studio Archive provides various thematic studios to share the beauty of furniture design influenced by different cultures, periods and space.

Numbered Lists

CSS sector

<ol></ol>
<li></li>

Sample code:

<ol><li>Studio 1<li><li>Studio 2<li><li>Studio 3<li></li></ol>

Rendered element:

  1. Studio 1
  2. Studio 2
  3. Studio 3

Combined Elements

Main Navigation

CSS sector

.nav .nav-item

Sample code:

<a class="button-nav" href="#" class="nav-item">About</a>
<a button-nav href="#" class="nav-item">Branding</a>
<a button-nav href="#" class="nav-item">Studio</a>
<a button-nav href="#" class="nav-item">Booking</a>
<a button-nav href="#" class="nav-item">Contact</a>
<a button-nav href="#" class="nav-item">Citation</a>

Rendered element:

Service Listing

CSS sector

.c1 .c2 .c3 .c4 .c5 .c6

Sample code:

<a class="button-nav" href="#" class="nav-item">About</a>
<a button-nav href="#" class="nav-item">Branding</a>
<a button-nav href="#" class="nav-item">Studio</a>
<a button-nav href="#" class="nav-item">Booking</a>
<a button-nav href="#" class="nav-item">Contact</a>
<a button-nav href="#" class="nav-item">Citation</a>

Rendered element:

Contempary Kitchen Studio

Home2

Modern Living Studio

Home2

Japanese Zen Studio

Home3

BRANDING

Fonts

MikroSuper

Inter

Color Palettes

  • Light orange color palette.
  • Light orange color palette.
  • Olive color palette.
  • Dark brown color palette.
  • Off white color palette.

Citations