-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
326 lines (305 loc) · 16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Domus Design | PROJETO DE INTERIORES E RESIDENCIAL</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Jost:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<a href="index.html" class="logo"><img src="/assets/logo.svg" alt="Domus Design" />
<h1>Domus</h1>
</a>
<nav>
<a href="index.html">Home</a>
<a href="sobre.html">Sobre</a>
<a href="servicos.html">Serviços</a>
<a href="contato.html">Contato</a>
<a href="blog.html">Blog</a>
</nav>
</header>
<div class="main">
<div class="content">
<h1>
Você sonha a gente planeja e realiza!
</h1>
<p>
Projetos de interiores e residencial, com foco em qualidade e satisfação
do cliente.
</p>
<button>Entre em contato!</button>
</div>
</div>
<div class="quote-wrapper">
<div class="blockquote">
<h1>O melhor elogio para uma casa<span>não é quando dizem que ela é bonita,</span> mas quando reconhecem a
cara dos moradores no espaço.</span></h1>
<h4>—ibdi</h4>
</div>
</div>
<div class="designTypes">
<h2>Tipos de Design</h2>
<p>
A visão e o gosto dos clientes são os pontos orientadores de cada projeto em que DOMUS DESIGN trabalha.
Veja
a seguir os estilos de design disponíveis em nosso catálogo. Não se esqueça de acessar nossa página de
serviços para conferir as áreas que trabalhamos.
</p>
<div class="designTypesContainer">
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design1.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Clássico</h3>
<p>
Os ambientes são glamorosos e se mostram verdadeiras obras de arte. A madeira nobre em tons
escuros predomina nos móveis.
Já a paleta de cores é ampla, mas sóbria. O bege, o rosa-claro e outros tons suaves são
combinados ao bordô, ao verde-escuro, ao azul-marinho e até mesmo ao preto na composição das
paredes e dos tecidos nobres.
O ferrugem, o dourado e o prateado também aparecem em molduras e em luminárias, que criam uma
iluminação suave, priorizando a luz difusa e amarela.
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Contemporâneo</h3>
<p>
As formas geométricas, as linhas e os elementos neutros prevalecem no mobiliário, que conta com
peças espaçosas e, comumente, baixas ou rentes ao chão.
As superfícies adotam materiais lisos como vidro, cimento queimado, inox, pedra polida e madeira
clara ou escura. Os tecidos são leves e convidativos ao conforto.
As cores, as texturas e os papéis de parede são neutros, e o contraste fica por conta dos
detalhes da decoração: tapetes, persianas, almofadas e objetos em cores vibrantes.
O forro de gesso com luminárias planejadas é a solução mais usada.
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design2.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design3.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Retrô</h3>
<p>
Esse estilo recria peças em uma versão moderna, fazendo uma releitura do passado com a
tecnologia atual. Móveis, geladeiras, eletrodomésticos e revestimentos são exemplos de elementos
recriados.
Ele explora a combinação de cores neutras e vibrantes e o Pop Art, e é muito comum encontrá-lo
combinado com outro estilo.
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Industrial</h3>
<p>
A construção e a decoração se fundem, criando ambientes que valorizam o pé-direito, o uso
aparente de tijolos, concreto, cimento queimado, tubulações aparentes e luminárias industriais,
madeira de demolição e peças metálicas.
Para quebrar qualquer sensação de frieza, as cores quentes e elementos aconchegantes,
principalmente em sofás e poltronas, não ficam de fora. A composição com estilos diferentes
também é uma ótima opção.
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design4.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design5.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Minimalista</h3>
<p>
Basicamente, caracteriza-se pelo estilo clean: cores leves e poucos móveis, priorizando o
essencial e o funcional, não a estética. A ordem é o desapego e a organização. Assim, os cômodos
ficam mais espaçosos e arejados.
O mobiliário segue um design simples e foca na praticidade. A madeira, o alumínio e o inox são
muito usados. Os tecidos tendem a ser lisos, com texturas suaves, geométricas e sem estampas.
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Rústico</h3>
<p>
A paleta de cores abrange tons claros e terrosos contrastados com elementos decorativos e
tecidos: quadros de paisagens, espelhos emoldurados, cestos, almofadas, colchas em patchwork,
chita, algodão, estampas florais e xadrez, sempre com um toque familiar.
A proposta central é de uma organização informal, mas aconchegante: peças como jarros,
utensílios, louças e artesanatos ficam expostas em móveis abertos.
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design6.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design7.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Provençal</h3>
<p>
Atualmente, é sinônimo de elegância e romantismo com um toque rural, devido à delicadeza das
linhas sinuosas e aos detalhes entalhados na madeira, comumente pintada.
As cores são suaves azul, rosa, verde, bege e as estampas listradas e florais são muito
exploradas em estofados, tapetes, paredes e louças.
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Vintage</h3>
<p>
Os materiais usados são vários, como madeira, ferro, plástico e tecidos. O uso de cores é
irrestrito, desde as vibrantes aos tons suaves.
O interessante é mesclar o vintage a outros estilos, por exemplo, quebrando a sobriedade
contemporânea com um eletrodoméstico antigo, utilizando placas decorativas ou um móvel de época,
enfim, a criatividade é o limite!
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design8.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design9.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Étnico</h3>
<p>
Arrojado e cheio de personalidade, esse estilo transforma o ambiente em uma viagem a diferentes
culturas. Países orientais, africanos e árabes além de tribos indígenas são comumente as fontes
de inspiração.
Estampas, muitas cores, madeira e artesanato são as melhores formas de ousar e criar espaços
únicos!
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Escandinavo</h3>
<p>
A composição do ambiente é feita por elementos clássicos como a madeira, que pode estar presente
em sofás, camas, poltronas e armários, por exemplo.
Além dos trons crus da madeira, fibras naturais, couro e a lã também funcionam muito bem!
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design10.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design11.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Moderno</h3>
<p>
Ele é caracterizado pela simplicidade e praticidade. Por isso, pode ser confundido com o estilo
minimalista, mas, a diferença é que o estilo moderno inclui mais cores e elementos decorativos.
A decoração apresenta uma ênfase em linhas retas, com mobílias baixas e horizontais.
A valorização de luz natural com janelas sem adornos valorizam ainda mais o uso dos materiais
crus como madeira, metais, couro, cimento e fibras naturais!
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Boho</h3>
<p>
A decoração boho chic para salas se caracteriza por um sofá amplo, com muitas almofadas
estampadas para complementar, pois são elementos que tornam o espaço ainda mais acolhedor.
Os móveis de madeira, assim como a mobília em tons de bege e marrom, também fazem parte desse
estilo de decoração sofisticado e estiloso.
Ao contrário do minimalismo, o boho é repleto de elementos decorativos! As paredes geralmente
contam com quadros com desenhos naturais e peças de macramê penduradas. Nas mesas e apoios há
vasos de plantas, abajures e luminárias retrô.
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design12.png" alt="Design Clássico" />
</div>
</div>
<div class="designType1">
<div class="designTypeImg">
<img src="/assets/design13.png" alt="Design Clássico" />
</div>
<div class="designTypeContent">
<h3>Japandi</h3>
<p>
O Japandi é a união de dois estilos arquitetônicos: o japonês e o escandinavo.
O estilo Japandi traz um mix de ambientes cheios de texturas aliados à paletas mais neutras.
“Madeira, palha, bambu, cerâmicas marcam presença. As bases continuam funcionais, o espaço
fluido e rítmico.
</p>
</div>
</div>
<div class="designType2">
<div class="designTypeContent">
<h3>Japonês</h3>
<p>
Ao considerar o design de interiores pelas lentes do princípio shizen, as peças mais naturais e
relacionadas à natureza são as melhores. O foco do shizen no design de interiores também está
relacionado a ausência de elementos artificiais ou falsos. Pense em incorporar móveis feitos de
madeira, pedra e vidro. Tente evitar cores e materiais artificiais brilhantes e concentre-se nos
elementos naturais.
</p>
</div>
<div class="designTypeImg">
<img src="/assets/design14.png" alt="Design Clássico" />
</div>
</div>
</div>
</div>
<div class="contact">
<form id="form" class="topBefore">
<input id="name" type="text" placeholder="NOME">
<input id="email" type="text" placeholder="E-MAIL">
<textarea id="message" type="text" placeholder="MENSAGEM"></textarea>
<input id="submit" type="submit" value="ENVIAR EMAIL!"
onclick="window.location.href='mailto:[email protected]'">
</form>
</div>
<footer>
<div class="footerContent">
<div class="footerLogo">
<a href="index.html" class="logo"><img src="/assets/logo.svg" alt="Domus Design" />
<h1>Domus</h1>
</a>
</div>
<div class="footerNav">
<p>
Projetos de interiores e residencial, com foco em qualidade e satisfação
do cliente.
</p>
<div class="footerSocial">
<a href="https://www.facebook.com/" target="_blank"><img src="/assets/facebookIcon.svg"
alt="Facebook" /></a>
<a href="https://www.instagram.com/" target="_blank"><img src="/assets/instagramIcon.svg"
alt="Instagram" /></a>
<a href="mailto:" target="_blank"><img src="/assets/emailIcon.svg" alt="Email" /></a>
<a href="https://whatsapp.com/" target="_blank"><img src="/assets/whatsappIcon.svg"
alt="Whatsapp" /></a>
</div>
</div>
</footer>
</body>
</html>