Styling
Dark color scheme — the main background is black or deep graphite. Accent color to be confirmed with the client (options: white, electric blue, neon yellow). Typography is large and bold, editorial style with a clear hierarchy. Cards in glassmorphism style with a thin light border. Overall feel — expensive, technological, modern. References provided by the client (Terrixa, SEOtalos).
Page 1 — Home
Hero. Full-screen section. Large H1 with the studio's unique selling proposition, a subtitle, two buttons — primary and outline. Background — abstract 3D object or moving gradient (to be shown in a static view with a label "animation here"). Below the buttons, a trust-bar with logos or niches of clients.
Why Us. 4-6 cards in a grid. Each contains an SVG icon, a title, and a short description. Card style is glassmorphism.
About Us. Two-column block. On the left, text and 3-4 large numbers with captions (number of projects, clients, years). On the right, a photo or 3D element.
Testimonials. Slider. Cards with an avatar, name, position, testimonial text, and stars. Mark the switching arrows.
Prices. Four cards in a row: Business Card Website, Landing Page, Corporate, Online Store. Each card contains the tariff name, price "from X UAH", a list of what is included, and a CTA button. The middle card is highlighted as "Popular Choice".
Blog. Horizontal carousel with three visible cards. Each card contains a cover, category, title, and a "Read" button.
Discount Banner. Full-width contrasting block with promotional text, countdown timer, and a button.
Application Form. Dark block, large title, form with fields Name, Phone, Service (dropdown), and a submit button.
Footer. Three to four columns: logo and description, navigation, contacts, social media. Copyright at the bottom.
Page 2 — Service Template
One page suitable for all four services. Structure: hero block with the service name and CTA, "What’s Included" block in the form of checklist cards, horizontal timeline "How We Work" with five steps, mini-portfolio with three examples, pricing block, and final application form.
Page 3 — Blog Article Template
Two-column layout. Left column 70% — article cover, H1 title, meta (date, category), body of the article with styled H2, H3, quotes, and lists. Right column 30% — sticky sidebar with CTA block "Need a Website?" and a list of recent articles. At the bottom, a "You May Also Like" block with three cards.
Figma File Requirements
All pages in separate frames with labels. Use of components and variants for cards, buttons, forms. Colors and fonts formatted as styles. Icons in SVG format or via Figma Community. Fonts only from Google Fonts. Mark all elements where animation is expected.
Behance
