Twine

Category: Pitch deckIndustry: Technology A sales deck with bold, technology feel to it. Dark backgrounds with alternating white / light theme, using abstract digital technology background as a supporting visual. Clean, minimalistic, modern look with lots of air and space and simple, direct layout with lots of contrast.

Graded

Category: Investor deckIndustry: Education A modern PowerPoint pitch deck made for an educational startup in online tutoring. Clean, sleek layout, blue tones and white and crisp, bold elements give this presentation a tech feel. Lots of charts, iconography and graphics help visualize the data. Overall light theme with lots of white space and colorful elements.

legal-i

Category: Investor deckIndustry: Technology A sleek and modern pitch deck design for investors with a dark, technology feel, for a startup in law accelerating medical insurance cases. A PowerPoint presentation with a clean, crisp and professional look and dark blue tones, gradients and isometric illustration on the cover slide. Subtle iconography on alternating dark and … Read more

legal-i website

Category: Web Design Industry: Insurace Law A clean and sleek website design for a startup in medical insurance law. With a tech feel to it, it features lots of white space, airy layout, blue tones, yet with friendly and fresh feel. Playful icons and alternating white and light grey sections give it a light and … Read more

Carbliss

Category: PowerPoint presentation designIndustry: Food & Beverage Sleek presentation design for premium vodka cocktails. Dark, bold theme with alternating white slides and strong colors used as accents bring life to the deck. Bold imagery of alcoholic drinks in combination with big titles give this presentation a fresh and modern look.

MAUI

Category: Brochure designIndustry: Premium airline A direct mail piece in form of a trifold brochure for a private air service. Luxurious, minimal look with an ‘invitation-only’ feel, focused on light, white theme and simple, yet effective layout. Featuring images of aircraft and exotic travel destination.

Vitaminbase infographic

Category: Investor deck / pitch deckIndustry: Health and Nutrition An infographic piece showing nutritional values of different fruits. It depicts the amount of Vitamin A in each fruit in minimal, black and white tone. Comes as part of the series on all vitamins and minerals percentage in different fruits, vegetables, nuts and legumes.

Cocktails infographic

Category: InfographicIndustry: Food and Beverage An infographic poster showing which ingredients make which alcoholic cocktails. Using minimal, linear style, with lines connecting each ingredient with the corresponding cocktail and colorful, light theme.

Live a life you love

Category: Social MediaIndustry: Motivational Series of instagram images for Live the Life You Love. Background images with interesting text treatment are used to represent inspirational quotes on each one.

Vitaminbase

Category: Social MediaIndustry: Health and Nutrition Social media posts as a series of animated infographics pointing out benefits and nutritional profile of different fruits, vegetables and nuts for vitaminbase.eu. From photo editing and color treatment to animating the information, the overall look is fresh, bold and colorful.

South of Fifth

Category: Email designIndustry: Real estate Email design for a real estate company, keeping a modern and minimalistic look. Bold contrasts, big titles and strong imagery are the core of this design. Touch of playfulness on the titles, lots of white space and careful placement of elements provide a polished and modern, editorial look.

Windsor

Category: Email designIndustry: Real estate Another email design for a company in real estate with editorial look. The design is focused on simple, full page layout and is very detail oriented, with magazine like style and bold contrasts between big titles, beautiful visuals and small body copy. The bright, colorful imagery, carefully placed white space … Read more

BTWN-catalog

Category: Print CatalogIndustry: Exhibition A premium sleek brochure for exhibition displays professionals. Bold and strong design with contrasting covers with white inside pages showcasing their best projects. Big photos, carefully placed in a modern dynamic layout, paired with small body copy and hint of color for every project. Using the white space and positioning the … Read more

Dull ad

Category: Print AdIndustry: Cybersecurity A full page minimalistic ad for cybersecurity company. Sleek, slightly surreal look based on an edited hero image of seesaw with both sides up. It represents both simplicity AND security that the company offers as opposed to just one of those benefits. Dark blue tones convey trust and established look and … Read more

Product customer journey

velvetmade Customer Product Journey infographic design

Category: InfographicIndustry: Commerce Infographic is showing which products customers consider before actually buying one. The products that they purchase in the end are shown in the right column and connected with lines to each other product the customers considered before making their final choice.

Archilizer

Category: PowerPoint presentation designIndustry: Architecture PowerPoint presentation template for conference in architecture. Big, bold, black and white conceptual imagery is the foundation for this template. Darker theme to give it a sleek and sophisticated look and contrasting light and overlaid slides as break points in the presentation.

Localintel

velvetmade localintel infographic design thumbnail

Category: InfographicIndustry: Investment, capital Illustrative, infographic report for localintel. It combines statistics from research presented in form of stylized bar and pie charts and graphs, with bright colors and fresh, light look. Gradients and color coding for each section are used and overall fun and modern look and feel.

Longevity report

velvetmade longevity report infographic design thumbnail

Category: InfographicIndustry: Health, Nutrition and Fitness Health report containing the analysis and solutions for different medical compounds and conditions. Clean, light theme with background isolated imagery and colorful bar chart as main element of the infographic.

Vitaminbase

velvetmade Vitamin Base website design thumbnail

Category: Web Design Industry: Health and Nutrition A complete design and development for Vitamin Base visual nutritional database. Clean design based on bold, colorful imagery of fruits and vegetables, sharing their nutritional details, information and benefits and featuring series of animated infographics. Healthy, fresh and natural and bursting with colors are the main focus of … Read more

Oceanfront

velvetmade Stacy Robins email newsletter design thumbnail

Category: Email designIndustry: Real estate Email design for a company in real estate with editorial look. The design is focused on layout and is very detail oriented, with magazine like style and bold contrasts between big titles, beautiful visuals and small body copy. Lots of white space, minimal look and overlapping elements with irregular yet … Read more

GoExpedi

Category: PowerPoint presentation designIndustry: Technology This PowerPoint presentation template for a technology startup has a light and youthful look to it with a hint of technological and scientific linear feel. Not too heavy on content, it allows a lot of white space with airy design and light blue overlays.

Unbuilt

Category: PowerPoint presentation designIndustry: Architecture & Visualizations A PowerPoint presentation made for 3D interior visualization company. Clean and modern approach, minimal design and big, bold imagery and titles combined with small and overlaid text were the main focus points of this presentation.

Bitcoin IRA

velvetmade Bitcoin infographic design thumbnail

Category: InfographicIndustry: Investment, crypto The infographic is fun and bold in a stylized form of a timeline. Timeline is shown using the launching rocket illustration with the accent on the future milestone.

Archilizer

velvetmade Archilizer architectural web design thumbnail

Category: Web Design Industry: Architecture Website redesign for architectural company based in London, as a part of rebranding project. Following the new style and color scheme, the layout is clean and modern, with lots of white space and contrast between bold titles and lighter copy. Big, bold imagery is using new branding colors (rich royal … Read more

Yerevan exhibition

Category: Print CatalogIndustry: Classic Art Design of the catalog printed for the exhibition ‘Masters of Graphic Art’ featuring works of French-Armenian artists Chahine, Carzou and Jansem. The exhibition was held in Yerevan, Armenia, in Modern Art Museum in April, 2019 honoring their graphic art works.

miinu carpets

velvetmade miinu The New Flat carpet product catalog design thumbnail

Category: Print BrochureIndustry: Interior and Design A fun project, where the task was to design an unusual, full of ideas and over the top catalog for miinu carpets. The brochure showcases their carpets and the design is combining linear, abstract illustrations that should give reader idea of what each carpet design and patterns represent. It … Read more

Violette catalogue

velvetmade Violette Chocolatier chocolate product catalog thumbnail

Category: Print BrochureIndustry: Food and Beverage Profile catalog for premium belgian chocolate / cafe in Qatar. The idea is bold, big, fresh imagery, isolated on alternating black and white background with a luxury, elegant look and feel. Full bleed design, going from edge to edge with little text and thick font for the titles to … Read more

General instructions:

  1. Open the exercise in your browser and read the task and the content on the left side of the screen. 
  2. You will be editing the content on the right side of the screen.
  3. In order to do that, right click on the exercise page that you opened and go to ‘Inspect’.
  4. Go to ‘Sources’ in the top bar and if you cannot see an empty CSS sheet where you can type the code, press Ctrl + P and start typing ‘styl’ in the search bar. Then press enter to open the CSS sheet.
  5. Follow the notes on the left and start typing your CSS code to see the changes online!
  6. Important! Do not refresh the page while you are editing the code, as these changes are in preview mode only and you can see them immediately, as soon as you write a line of functioning code.
  7. Use the custom classes in the notes on the left side of the screen, as well as ‘Elements’ on the top bar of the ‘Inspect’ to target and style the classes and elements. For example, you can enable the small icon on the top left of the ‘Inspect’ window (‘Select an element in the page to inspect it’) to find the default class name of the element you want to edit, while you are in the ‘Elements’ tab.

Tips:

  1. If the code is not showing any changes, try adding the !important tag at the end of the line before closing it (before the “;” symbol) and see if it works then.
  2. Don’t forget there are usually more ways to achieve the same result. Be creative!
  3. If you get stuck, write your email address in the form on the left side of the screen and you will get the solution (CSS code) in your email.

Sources:

  1. You can find a lot of tutorials on my youtube channel. 
  2. Watch the tutorial on how to solve these exercises here.

Please check your email and stay tuned for updates on the course.

We will notify you shortly when it’s available for presale.