Inside the ▷ Doko Studio website design
▷ Doko Studio is a creative website built with custom code, Astro, and Tailwind CSS. Its pages are built from navbar, hero, other, features, testimonials, pricing, FAQ, CTA, editorial, forms, and footer sections, shown here in full-page captures and a scroll recording. Typography: Monigue (display text) and Hanken Grotesk (headings and body text). Colours: background #000000, text #FFFFFF, main buttons #D3FF43, surface #D9D9D9.
A Valencia studio for branding, websites, apps, custom software and cybersecurity. All in one team, with public prices and a founder on the other end. Its visual style is playful, typographic, and colourful, with navigation bar, hero, and feature card among its components.
Why we picked it
A deep purple to teal gradient and chunky condensed headlines give the page a bold, confident mood, while flat quirky illustrations of characters at laptops keep the cybersecurity subject approachable rather than technical. Pricing cards and a colourful testimonial wall near the bottom build trust by making costs and client opinions easy to scan before contact.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Testimonials: names, roles, and photos or logos for credibility
Sections from ▷ Doko Studio
Questions designers ask
What fonts does ▷ Doko Studio use?
▷ Doko Studio uses Monigue for display text, and Hanken Grotesk for headings and body text, measured from the captured page's CSS.
What is the ▷ Doko Studio website built with?
The ▷ Doko Studio website is built with custom code, Astro, and Tailwind CSS, detected when the page was captured.
What colours does the ▷ Doko Studio website use?
Measured from the captured page's CSS, the ▷ Doko Studio website uses #000000 for the background, #FFFFFF for text, #D3FF43 for main buttons, and #D9D9D9 for surfaces.
What sections does the ▷ Doko Studio website have?
The ▷ Doko Studio website includes navbar, hero, other, features, testimonials, pricing, FAQ, CTA, editorial, forms, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
▷ Doko Studio▷ Doko Studio
