Advertisement
  1. Web Design
  2. Inspiration

Alguns Novos e Ótimos Sites Inspiracionais

Scroll to top
Read Time: 3 min
This post is part of a series called Weeks of Web Design Inspiration.
SVG Brilliance: 10 Inspiring Examples From Around the Web
Say Goodbye to Multipurpose: 8 Niche Themes for Your CMS

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Alguns sites inusitados e inspiradores foram lançados nas últimas semanas–vejamos os que mais se destacaram!

Tobias van Schneider

Conhecido por ter uma das melhores barbas do ramo (e um CV bem recheado para detalhar), Tobias lançou recentemente o redesign do seu blog pessoal. Destaques incluem a tipografia, layout arrojado com forte uso do espaço em branco e alguns detalhes visuais, cortesia do canvas e máscaras do SVG. Veja só, há muito o que ver:

httpwwwvanschneidercombloghttpwwwvanschneidercombloghttpwwwvanschneidercomblog
www.vanschneider.com/blog

Outro destaque que sou muito fã é a borda branca que enquadra a janela toda, visto na imagem acima.

www.vanschneider.com/blog

Aussie Designers

Se é arrojo que você ama, concordará comigo que essa página única é um belo trabalho. Ela promove um canal do Slack para designers na Australia e as cores falam tudo. Pontos extras pelo texto e URL. Muito bom, Stevo.

httpaussiedesignersclubhttpaussiedesignersclubhttpaussiedesignersclub
aussiedesigners.club

Google National Parks

Reconhecendo e celebrando os 100 anos dos serviços do Parque Nacional, o Google Arts & Cultura criou esse site. Ele mostra o estilo das belas naturais, com o tipo de experiência interativa e imersiva que esperamos do Google.

Os efeitos sobrepostos nos slides que vemos abaixo são graças à mistura da unidade vm e transform(), e logo postaremos um tutorial explicando como obter algo simliar usando flexbox (não perca!).

httpsartsandculturewithgooglecomen-usnational-parks-serviceparkshttpsartsandculturewithgooglecomen-usnational-parks-serviceparkshttpsartsandculturewithgooglecomen-usnational-parks-serviceparks
artsandculture.withgoogle.com/en-us/national-parks-service/parks

Logo Pizza

Pegue-as enquanto estão quentes! Invenção de Dave DeSandro do Metafizzy, o Logo Pizza é uma coleção de cinquenta logos disponíveis para compra. Destancando a escacez e criando urgência, o preço de cada logo aumenta em US$20 sempre que uma compra é feita.

De novo, pontos extras pela URL.

httplogopizzahttplogopizzahttplogopizza
logo.pizza

Agência Red Square

O novo site da Red Square é bem direto em termos do que é visível, mas curto sua simplicidade. Gosto bastante do uso da Young Serif (do Rafael Bastide), uma fonte open source usada para cabeçalhos.

httpwwwredsquareagencycomhttpwwwredsquareagencycomhttpwwwredsquareagencycom
www.redsquareagency.com
httpsgithubcomuplaodYoungSerifhttpsgithubcomuplaodYoungSerifhttpsgithubcomuplaodYoungSerif
github.com/uplaod/YoungSerif

Jen Simmons (lab)

Jen Simmons publica todo tipo de coisa legal e moderna, no laboratório do seu site e, agora, ela está experimentado com o site em si. Para apreciar essa composição angular responsiva, precisará da versão mais recente do Firefox Nightly.

Combinação inteligente de layout em grade, transform: rotate(45def); e writing-mode: vertical-lr; posicionando o texto num layout digno dos mestres do Bauhaus.

httplabsjensimmonscomhttplabsjensimmonscomhttplabsjensimmonscom
labs.jensimmons.com
by Lszl Moholy-Nagyby Lszl Moholy-Nagyby Lszl Moholy-Nagy
Arte da Capa de “Staatliches Bauhaus Weimar 1919-1923” por László Moholy-Nagy

Chris Berridge

Para manter a linha de layouts arrojados, grandes e limpos, o site renovado do Chris Berridge se encaixa perfeitamente. Graphik sempre gera cabeçalhos maravilhos e essas miniaturas próximo ao rodapé da página também são demais. Adorei.

httpwwwchrisberridgecomhttpwwwchrisberridgecomhttpwwwchrisberridgecom
www.chrisberridge.com

Novo Tema de WordPress #1: Adios

Outro design que usa enquadramento branco ao redor da página. Não é novo, mas sempre fui fã. A fonte Poppins do Google cria um visual arrojado e geométrico (talvez um pouco menos refinado) que o exemplo anterior.

httpsthemeforestnetitem-adios-portfolio-wordpress-theme-for-artists-agencies-freelancers-creatives16982807httpsthemeforestnetitem-adios-portfolio-wordpress-theme-for-artists-agencies-freelancers-creatives16982807httpsthemeforestnetitem-adios-portfolio-wordpress-theme-for-artists-agencies-freelancers-creatives16982807
Adios

Novo Tema de WordPress #2: Rushmore

Esteticamente, o que gosto do Rushmore são as imagens inclinadas. Não é difícil fazer isso: há uma div branca no rodapé, posicionada absolutamente, diposta logo acima da imagem, a qual aplicamos transform: rotate(5.65deg); para inclinar. Em telas menores, a rotação é removida e tudo fica horizontal. Simples e efetivo.

O Fim

Vários grandes exemplos e acredito que concorde! Alguns site tendem para o clássico e familiar enquanto outros realmente foram além em termos de layout e conceito. Quais são alguns dos seus site recém-lançados ou reprojetados?

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.