# HELP! looking at something like this\> Web Design similarity

**URL:** <https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116>\
**Category:** RapidWeaver Classic\
**Created:** [March 16, 2017, 7:45pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116 "2017-03-16T19:45:15Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 7:45pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/1 "2017-03-16T19:45:15Z")

</div>

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/4/4d0f5315301862cc1f799cda37edb951c44bda0b.png)

Hi guys, any idea on which stacks, theme, apps, Adobe etc to use to get something similar as this site [https://seclgroup.com](https://seclgroup.com) ? -Have a look at it, really pleasant site. Great landing page, beautiful graphics, colours, big icons, user-friendly, very easy to understand and navigate.

I’m working on a design on Foundry, looking good but this site [https://seclgroup.com](https://seclgroup.com) get me another idea on design. I’m using Foundry, graphics on Adobe, etc but can go also on Foundation if needed, wonder how to get close to it. I understand it’s not done on RW. Hope someone could give me some directions, Cheers

---

<div class="post-metadata">

**Author:** ![webdeer](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/webdeer/32/5299_2.png) [@webdeer](https://forums.realmacsoftware.com/u/webdeer)\
**Post date:** [March 16, 2017, 7:59pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/2 "2017-03-16T19:59:03Z")

</div>

It looks Bootstrap based so Foundry is the best start. SectionsPro & SectionsBox animation will do most of that animation and then some custom code will be needed to get you close. It is doable but to be honest, if you have the skill to make RW do this, then you will know a much better and quicker way to do it with other tools. Also it will be an enormous amount of work too.

A good approach would be to reduce the animation and build something with the same style.

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 8:11pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/3 "2017-03-16T20:11:36Z")

</div>

Ok Gary thanks so much for the reply 🙂

Will have a try to make a more simple version out of it on Foundry and SectionsPro & SectionsBox animation, the graphics on Adobe etc. If any more suggestions would be more than welcome.

Regards

---

<div class="post-metadata">

**Author:** ![Rovertek](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rovertek/32/223_2.png) [@Rovertek](https://forums.realmacsoftware.com/u/Rovertek)\
**Post date:** [March 16, 2017, 8:47pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/4 "2017-03-16T20:47:05Z")

</div>

Tino, I think this post in their own blog ([https://seclgroup.com/article-user-interface-architecture-principles.html](https://seclgroup.com/article-user-interface-architecture-principles.html)) may shed some general light on the philosophy and methodology they use in their web design. This, of course, doesn’t give you any specifics you’ve asked for, but is interesting, nevertheless.

---

<div class="post-metadata">

**Author:** ![rolisize](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rolisize/32/430_2.png) [@rolisize](https://forums.realmacsoftware.com/u/rolisize)\
**Post date:** [March 16, 2017, 8:48pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/5 "2017-03-16T20:48:05Z")

</div>

Sections is probably the way togo. But there’s a theme that has the vertical social icons but different menu maybe you can make it work.  
[https://www.rapid-ideas.com/previews/whitespace/index.html](https://www.rapid-ideas.com/previews/whitespace/index.html)

---

<div class="post-metadata">

**Author:** ![tav](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tav/32/5458_2.png) [@tav](https://forums.realmacsoftware.com/u/tav)\
**Post date:** [March 16, 2017, 8:58pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/6 "2017-03-16T20:58:05Z")

</div>

Custom code - nah 🙂 You could do that with SP animate out of the box - I would just take the animation settings out of the inspector and plug them into the animate stack. That is quite basic compared to the average @PaulRussam creation (and I’m not joking).

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 9:00pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/7 "2017-03-16T21:00:36Z")

</div>

@Rovertek  
Thanks a lot Rob. Will have a look at their blog, din’t saw it. Good observation 🙂  
Really great site hè Rob, or what is your opinion on this?

This one looks also very good [http://www.popwebdesign.net/index\_eng.html](http://www.popwebdesign.net/index_eng.html). Have a look at their video, of the PopArt studio team same as on their graphic (hero banner).

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 9:01pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/8 "2017-03-16T21:01:57Z")

</div>

@tav  
Ok thanks Andrew 🙂

---

<div class="post-metadata">

**Author:** ![PaulRussam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/paulrussam/32/198_2.png) [@PaulRussam](https://forums.realmacsoftware.com/u/PaulRussam)\
**Post date:** [March 16, 2017, 9:21pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/9 "2017-03-16T21:21:13Z")

</div>

SectionsPro/SectionsBox/Sections Animate would chew through that without any problems.  
I actually think there’s a lot of missed opportunities for effects, more could have been done with the hot air balloon, I’d use ScrollMate to make it more interactive, also I’d have had a little more fun with the 6 badges like I did with the Services here [https://www.dma-ni.com](https://www.dma-ni.com)

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 9:23pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/10 "2017-03-16T21:23:17Z")

</div>

@PaulRussam  
Thanks so much Paul, your examples will be of great help and inspiration 🙂  
Cheers 👍

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 9:26pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/11 "2017-03-16T21:26:15Z")

</div>

@PaulRussam  
Is this done on Foundry [https://www.dma-ni.com/](https://www.dma-ni.com/) ?  
-looking great!!

Regards

---

<div class="post-metadata">

**Author:** ![PaulRussam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/paulrussam/32/198_2.png) [@PaulRussam](https://forums.realmacsoftware.com/u/PaulRussam)\
**Post date:** [March 16, 2017, 9:31pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/12 "2017-03-16T21:31:24Z")

</div>

Primary tools:

- Foundation
- FontPro
- TotalCMS
- Impact
- SectionsPro
- Grummage

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 9:34pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/13 "2017-03-16T21:34:15Z")

</div>

Thanks Paul 👍  
Will try to do it first on Foundry… thanks again for the tips.

---

<div class="post-metadata">

**Author:** ![webdeer](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/webdeer/32/5299_2.png) [@webdeer](https://forums.realmacsoftware.com/u/webdeer)\
**Post date:** [March 16, 2017, 10:09pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/14 "2017-03-16T22:09:38Z")

</div>

Focusing on the animations on part of the home page I agree, but that site is huge and complex.

The cloud animations are pure Sections animations. The icon animation on the right of the home page would be a challenge in RW.

Lots of that site is pretty odd too with all sorts of weird blog feeds obviously done by different groups of developers.

---

<div class="post-metadata">

**Author:** ![TINO](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tino/32/24920_2.png) [@TINO](https://forums.realmacsoftware.com/u/TINO)\
**Post date:** [March 16, 2017, 10:32pm UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/15 "2017-03-16T22:32:20Z")

</div>

Thanks Gary for your professional opinion and advice, as always very well appreciated 🙂

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [March 17, 2017, 7:02am UTC](https://forums.realmacsoftware.com/t/help-looking-at-something-like-this-web-design-similarity/13116/16 "2017-03-17T07:02:49Z")

</div>

So why don’t you make a challenge out of it? Just the homepage, no other sites and to see what we can really make from RW 🙂 And the OP can built on it 🙂
