diff --git a/content.md b/content.md new file mode 100644 index 0000000..50a2426 --- /dev/null +++ b/content.md @@ -0,0 +1,128 @@ +# Omnifood + +## About Omnifood + +We are a technology company first, but with a major focus on consumer well-being through a healthy diet. Most people are very busy with their jobs, family and friends, and other important activities, which doesn't leave much time for cooking. This might lead to a poor diet and lasting health consequences. We want to solve this problem by using an AI-centric approach. Users can use our app to select their diet and foods they like and dislike, and our AI algorithm will create a custom and individual weekly meal plan. But we don't stop there. We partner with restaurants and other cooking partners to actually cook and deliver all meals from the generated meal plans, in selected cities. All this will be packed up in a monthly subscription, where users can choose between receiving one or two meals per day, every single day of the month. + +## Branding + +Headline: A healthy meal delivered to your door, every single day + +Brand color: #e67e22 + +## Omnifood Website Content + +### Summary + +The smart 365-days-per-year food subscription that will make you eat healthy again. Tailored to your personal tastes and nutritional needs. We have delivered 250,000+ meals last year! + +### Omnifood features + +Never cook again!: Our subscriptions cover 365 days per year, even including major holidays. +Local and organic: Our cooks only use local, fresh, and organic products to prepare your meals. +No waste: All our partners only use reusable containers to package all your meals. +Pause anytime: Going on vacation? Just pause your subscription, and we refund unused days. + +### How Omnifood works + +[Show big app images] + +**Your daily dose of health in 3 simple steps** + +Tell us what you like (and what not): Never again waste time thinking about what to eat! Omnifood AI will create a 100% personalized weekly meal plan just for you. It makes sure you get all the nutrients and vitamins you need, no matter what diet you follow! + +Approve your weekly meal plan: Once per week, approve the meal plan generated for you by Omnifood AI. You can change ingredients, swap entire meals, or even add your own recipes. + +Receive meals at convenient time: Best chefs in town will cook your selected meal every day, and we will deliver it to your door whenever works best for you. You can change delivery schedule and address daily! + +### Omnifood works with any diet + +Vegetarian +Vegan +Pescatarian +Gluten-free +Lactose-free +Keto +Paleo +Low FODMAP +Kid-friendly + +### Sample meals + +**Omnifood AI chooses from 5,000+ recipes** + +Meal 1: Japanese Gyozas + +- Category: Vegetarian +- Calories: 650 +- NutriScore (Registered): 74 +- Average rating: 4.9 +- Number reviews: 537 + +Meal 2: Avocado Salad + +- Category: Vegan and Paleo +- Calories: 400 +- NutriScore (Registered): 92 +- Average rating: 4.8 +- Number reviews: 441 + +### We offer a free sample meal + +[Create simple form for users to sign up] + +Healthy, tasty and hassle-free meals are waiting for you. Start eating well today. You can cancel or pause anytime. And the first meal is on us! + +### We have 2 pricing plans + +Prices include all applicable taxes. Users can cancel at any time. + +Starter: $399 per month + +- 1 meal per day +- Order times are between 11am and 9pm +- Delivery is free + +Complete: $649 per month + +- 2 meal2 per day +- Order 24/7 +- Delivery is free +- Get access to latest recipes + +### Photo gallery + +[Use the 12 photos we provided] + +### Customer testimonials + +[Photos of customers included] + +Inexpensive, healthy and great-tasting meals, without even having to order manually! It feels truly magical. (Dave Bryson) +The AI algorithm is crazy good, it chooses the right meals for me every time. It's amazing not to worry about food anymore! (Ben Hadley) +Omnifood is a life saver! I just started a company, so there's no time for cooking. I couldn't live without my daily meals now! (Steve Miller) +I got Omnifood for the whole family, and it frees up so much time! Plus, everything is organic and vegan and without plastic. (Hannah Smith) + +### Section with logos of featured publications [see images] + +### Contact information + +Address: 623 Harrison St., 2nd Floor, San Francisco, CA 94107 +Phone: 415-201-6370 +Email: hello@omnifood.com + +Social profiles: instagram, facebook, twitter [links to them not available yet] + +### Additional links [links not available yet] + +Create account +Sign in +iOS app +Android app +About Omnifood +For Business +Cooking partners +Careers +Recipe directory +Help center +Privacy & terms \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..b8744d7 --- /dev/null +++ b/css/style.css @@ -0,0 +1,172 @@ +/* + +--- 01 TYPOGRAPHY SYSTEM + +- FONT SIZE SYSTEM(px) +10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98 + +- Font weights: +Default: 400 + +- Line heights: +Default : 1 + + +--- 02 COLORS +- Primary: #e67e22 +- Tints: #fdf2e9 +- Shades: #cf711f +- Accents: +- Greys: +#555 +#333 + +--- 05 SHADOWS + +--- 06 BORDER-RADIUS + +--- 07 WHITESPACE +- SPACIN SYSTEM (px) +2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 + + +UNSPLASH - Imagens +UI FACES - Rostos de pessoas + +*/ + +:root { + --primary-color: #e67e22; + --lighter-orange-background: #fdf2e9; + --darker-orange-background: #cf711f; + --white: #fff; + --medium-grey: #333; + --grey: #555; +} + +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +html { + /*font-size: 10px; */ + /*10px / 16px = 0.625 = 62.5% */ + /*percentage of user's browser font-size settings */ + font-size: 62.5%; +} + +body { + font-family: 'Rubik', sans-serif; + line-height: 1; + font-weight: 400; + color: var(--grey); +} + +.section-hero { + background-color: var(--lighter-orange-background); + padding: 9.6rem 0; +} + +.hero { + max-width: 130rem; + margin: 0 auto; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 9.6rem; + align-items: center; +} + +.heading-primary { + font-size: 5.2rem; + font-weight: 700; + line-height: 1.05; + color: var(--medium-grey); + letter-spacing: -0.5px; + margin-bottom: 3.2rem; +} + +.hero-description { + font-size: 2rem; + line-height: 1.6; + margin-bottom: 4.8rem; +} + +.btn:link, +.btn:visited { + display: inline-block; + font-size: 2rem; + font-weight: 600; + color: var(--white); + text-decoration: none; + font-size: 2rem; + padding: 1.6rem 3.2rem; + border-radius: 9px; + transition: background-color 0.3s ease-in; +} + +.btn--full:link, +.btn--full:visited { + background-color: var(--primary-color); +} + +.btn--full:hover, +.btn--full:active { + background-color: var(--darker-orange-background); +} + +.btn--outline:link, +.btn--outline:visited { + background-color: var(--white); + color: var(--grey); +} + +.btn--outline:hover, +.btn--outline:active { + background-color: var(--lighter-orange-background); + /* border: solid 3px var(--white); */ + box-shadow: inset 0 0 0 3px var(--white); +} + +.hero-img { + width: 100%; +} + +.margin-right-sm { + margin-right: 1.6em !important; +} + +.delivered-meals { + display: flex; + align-items: center; + gap: 1.6rem; + margin-top: 8.0rem; +} + +.delivered-imgs { + display: flex; +} + +.delivered-imgs img{ + height: 4.8rem; + width: 4.8rem; + border-radius: 50%; + margin-right: -1.6rem; + border: 3px solid var(--lighter-orange-background); +} + +.delivered-imgs img:last-child { + margin-right: 0; +} + + +.delivered-text { + font-size: 1.8rem; + font-weight: 600; +} + +.delivered-text span{ + color: var(--darker-orange-background); + font-weight: 700; +} \ No newline at end of file diff --git a/img/app/app-screen-1.png b/img/app/app-screen-1.png new file mode 100644 index 0000000..15b0a19 Binary files /dev/null and b/img/app/app-screen-1.png differ diff --git a/img/app/app-screen-2.png b/img/app/app-screen-2.png new file mode 100644 index 0000000..787da02 Binary files /dev/null and b/img/app/app-screen-2.png differ diff --git a/img/app/app-screen-3.png b/img/app/app-screen-3.png new file mode 100644 index 0000000..72b57f3 Binary files /dev/null and b/img/app/app-screen-3.png differ diff --git a/img/customers/ben.jpg b/img/customers/ben.jpg new file mode 100644 index 0000000..47266ea Binary files /dev/null and b/img/customers/ben.jpg differ diff --git a/img/customers/customer-1.jpg b/img/customers/customer-1.jpg new file mode 100644 index 0000000..9c861c8 Binary files /dev/null and b/img/customers/customer-1.jpg differ diff --git a/img/customers/customer-2.jpg b/img/customers/customer-2.jpg new file mode 100644 index 0000000..d0754c3 Binary files /dev/null and b/img/customers/customer-2.jpg differ diff --git a/img/customers/customer-3.jpg b/img/customers/customer-3.jpg new file mode 100644 index 0000000..7830c94 Binary files /dev/null and b/img/customers/customer-3.jpg differ diff --git a/img/customers/customer-4.jpg b/img/customers/customer-4.jpg new file mode 100644 index 0000000..20ba92a Binary files /dev/null and b/img/customers/customer-4.jpg differ diff --git a/img/customers/customer-5.jpg b/img/customers/customer-5.jpg new file mode 100644 index 0000000..db5771e Binary files /dev/null and b/img/customers/customer-5.jpg differ diff --git a/img/customers/customer-6.jpg b/img/customers/customer-6.jpg new file mode 100644 index 0000000..f8b85c6 Binary files /dev/null and b/img/customers/customer-6.jpg differ diff --git a/img/customers/dave.jpg b/img/customers/dave.jpg new file mode 100644 index 0000000..d6d8082 Binary files /dev/null and b/img/customers/dave.jpg differ diff --git a/img/customers/hannah.jpg b/img/customers/hannah.jpg new file mode 100644 index 0000000..ea60957 Binary files /dev/null and b/img/customers/hannah.jpg differ diff --git a/img/customers/steve.jpg b/img/customers/steve.jpg new file mode 100644 index 0000000..25dc72a Binary files /dev/null and b/img/customers/steve.jpg differ diff --git a/img/eating.jpg b/img/eating.jpg new file mode 100644 index 0000000..b5013f4 Binary files /dev/null and b/img/eating.jpg differ diff --git a/img/favicon.png b/img/favicon.png new file mode 100644 index 0000000..8ccd18f Binary files /dev/null and b/img/favicon.png differ diff --git a/img/gallery/gallery-1.jpg b/img/gallery/gallery-1.jpg new file mode 100644 index 0000000..6c50e9b Binary files /dev/null and b/img/gallery/gallery-1.jpg differ diff --git a/img/gallery/gallery-10.jpg b/img/gallery/gallery-10.jpg new file mode 100644 index 0000000..4d3328a Binary files /dev/null and b/img/gallery/gallery-10.jpg differ diff --git a/img/gallery/gallery-11.jpg b/img/gallery/gallery-11.jpg new file mode 100644 index 0000000..c42a3bc Binary files /dev/null and b/img/gallery/gallery-11.jpg differ diff --git a/img/gallery/gallery-12.jpg b/img/gallery/gallery-12.jpg new file mode 100644 index 0000000..c6f42b3 Binary files /dev/null and b/img/gallery/gallery-12.jpg differ diff --git a/img/gallery/gallery-2.jpg b/img/gallery/gallery-2.jpg new file mode 100644 index 0000000..e6a2e9a Binary files /dev/null and b/img/gallery/gallery-2.jpg differ diff --git a/img/gallery/gallery-3.jpg b/img/gallery/gallery-3.jpg new file mode 100644 index 0000000..0da8bec Binary files /dev/null and b/img/gallery/gallery-3.jpg differ diff --git a/img/gallery/gallery-4.jpg b/img/gallery/gallery-4.jpg new file mode 100644 index 0000000..a2e9ac4 Binary files /dev/null and b/img/gallery/gallery-4.jpg differ diff --git a/img/gallery/gallery-5.jpg b/img/gallery/gallery-5.jpg new file mode 100644 index 0000000..99d7e8c Binary files /dev/null and b/img/gallery/gallery-5.jpg differ diff --git a/img/gallery/gallery-6.jpg b/img/gallery/gallery-6.jpg new file mode 100644 index 0000000..0806cee Binary files /dev/null and b/img/gallery/gallery-6.jpg differ diff --git a/img/gallery/gallery-7.jpg b/img/gallery/gallery-7.jpg new file mode 100644 index 0000000..bba5502 Binary files /dev/null and b/img/gallery/gallery-7.jpg differ diff --git a/img/gallery/gallery-8.jpg b/img/gallery/gallery-8.jpg new file mode 100644 index 0000000..7653df7 Binary files /dev/null and b/img/gallery/gallery-8.jpg differ diff --git a/img/gallery/gallery-9.jpg b/img/gallery/gallery-9.jpg new file mode 100644 index 0000000..96a380d Binary files /dev/null and b/img/gallery/gallery-9.jpg differ diff --git a/img/hero.png b/img/hero.png new file mode 100644 index 0000000..7bd8ca8 Binary files /dev/null and b/img/hero.png differ diff --git a/img/logos/business-insider.png b/img/logos/business-insider.png new file mode 100644 index 0000000..d8974ff Binary files /dev/null and b/img/logos/business-insider.png differ diff --git a/img/logos/forbes.png b/img/logos/forbes.png new file mode 100644 index 0000000..9d7dbfa Binary files /dev/null and b/img/logos/forbes.png differ diff --git a/img/logos/techcrunch.png b/img/logos/techcrunch.png new file mode 100644 index 0000000..a9149aa Binary files /dev/null and b/img/logos/techcrunch.png differ diff --git a/img/logos/the-new-york-times.png b/img/logos/the-new-york-times.png new file mode 100644 index 0000000..d4a6503 Binary files /dev/null and b/img/logos/the-new-york-times.png differ diff --git a/img/logos/usa-today.png b/img/logos/usa-today.png new file mode 100644 index 0000000..935434a Binary files /dev/null and b/img/logos/usa-today.png differ diff --git a/img/meals/meal-1.jpg b/img/meals/meal-1.jpg new file mode 100644 index 0000000..5793458 Binary files /dev/null and b/img/meals/meal-1.jpg differ diff --git a/img/meals/meal-2.jpg b/img/meals/meal-2.jpg new file mode 100644 index 0000000..0a9f562 Binary files /dev/null and b/img/meals/meal-2.jpg differ diff --git a/img/omnifood-logo.png b/img/omnifood-logo.png new file mode 100644 index 0000000..2232b2e Binary files /dev/null and b/img/omnifood-logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..196d7d4 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + Omnifood + + +
+
+
+

A healthy meal delivered to your door, every single day

+

The smart 365-days-per-year food subscription that will make you eat healthy again. Tailored to your personal tastes and nutritional needs.

+ Start eating well + Lean more ↓ + +
+
+ Costumer photo + Costumer photo + Costumer photo + Costumer photo + Costumer photo + Costumer photo +
+

250,000+ meals delivered last year!

+
+
+
+ Woman enjoying food, meals in storage container, and food bowls on a table +
+
+
+ + \ No newline at end of file