Skip to content
G-Unique Designs& Inspired Growth Hub

Reference

Design system

The shared visual language behind both brand areas — colour, typography, buttons, cards, spacing and imagery — with notes for rebuilding it in Wix.

Colour palette

Warm neutrals carry the whole site. Each brand area gets one accent, used for small, deliberate moments rather than large fills.

Neutrals

Primary background

Warm ivory

Default page background

Secondary background

Sand

Alternating sections

Deeper surface

Deep sand

Quiet blocks, image frames

Card

White

All cards and forms

Text & CTA

Primary text

Charcoal

Headings and body

Secondary text

Warm grey

Supporting paragraphs

Primary CTA

Charcoal fill

One per section

Secondary CTA

Outline

Lower priority actions

G-Unique Designs

Coral

Brand accent

Buttons, markers, underlines

Coral deep

Hover / text

Accessible accent text

Coral soft

Tinted section

Section backgrounds

Inspired Growth Hub

Teal

Brand accent

Buttons, markers, underlines

Teal deep

Hover / text

Accessible accent text

Teal soft

Tinted section

Section backgrounds

Shared highlights — use sparingly

Gold

Highlight

Badges, small details

Gold soft

Badge fill

Labels like 'Coming soon'

Violet soft

Tint

Occasional card tint

Sky soft

Tint

Occasional card tint

Typography

Fraunces for headings gives warmth and craft; DM Sans keeps navigation, body copy and buttons clear and highly readable.

H1

Creativity, connection and growth

Fraunces 500 · 40–60px · tight tracking

H2

Two destinations, one home

Fraunces 500 · 30–44px

H3

St Helena Collection

Fraunces 500 · 24px

Body

Handmade jewellery, gifts and creative work made on St Helena.

DM Sans 400 · 16–18px · 1.7 line height

Small

5 min read · 2 September 2026

DM Sans 400 · 14px

Label / category

FREE RESOURCES

DM Sans 600 · 12px · uppercase · wide tracking

Navigation

Inspired Growth Hub

DM Sans 500 · 14.4px

Button

Join the Community

DM Sans 500 · 15px

Buttons

One primary action per section. Brand-coloured buttons only inside their own brand area; charcoal is the neutral default everywhere else.

Primary

Join the Community

Charcoal fill. Main action.

Secondary

Learn more

Outline. Supporting action.

G-Unique

Discover the Collection

Coral. Creative pages only.

Inspired Growth Hub

Visit the Growth Hub

Teal. Hub pages only.

Outline (brand)

Quiet brand-tinted option.

Text link

Read more

Inline, underlined on hover.

Heights: small 40px, medium 48px, large 52px. All buttons are fully rounded, keep a minimum 44px tap target on mobile and show a visible focus ring.

Cards

Four card types share the same white surface, 16px radius, soft shadow and image ratio discipline — so a new content type never needs a new design.

Blog card — 3:2 image, category, title, excerpt, meta

Product card — portrait image, name, collection, short note

Resource card — type label, title, description, download CTA

PDF worksheet

Intentional Living Starter Sheet

A one-page reflection to help you notice what matters and choose one small next step.

Checklist

The Creative Reset Checklist

Ten gentle prompts for when your creativity feels stuck, flat or hurried.

Email guide

Grow With Intention: a 7-day guide

One short reflection a day for a week, delivered to your inbox.

Workshop card — image, title, description, date, time, format, CTA

Online webinarPlaces available

Grow With Intention: an introduction

A relaxed online session exploring what intentional growth looks like in ordinary life — and how to begin.

Date
Thu 15 October 2026
Time
19:00 – 20:15 GMT
Format
Online webinar
In person · St HelenaPlaces available

Creative Beadwork for Beginners

Make and take home your own bracelet in a small, friendly group. All materials provided.

Date
Sat 7 November 2026
Time
10:00 – 12:30
Format
In person · St Helena
Online workshopWaitlist

Reflection & Creativity for the New Year

Close the year gently and set intentions for the next — with a notebook, not a spreadsheet.

Date
Sat 9 January 2027
Time
10:00 – 11:30 GMT
Format
Online workshop

Spacing & layout

Generous, consistent rhythm is what makes the site feel calm. Keep these values and most layout decisions make themselves.

Container width

1200px max

24px side padding on mobile, 40px from tablet up.

Section spacing

80px mobile · 120px desktop

Top and bottom of every section.

Card gap

24px

Grid gap for every card layout.

Heading to body

16px

Body to buttons: 32px.

Corner radius

12px cards · full on buttons

Images inside cards match the card radius.

Grid columns

4 desktop · 2 tablet · 1 mobile

Product grids may go to 4; blog stays at 3.

Max line length

~70 characters

Body paragraphs sit in a narrow column.

Tap targets

44px minimum

Mobile nav rows are 56px tall.

Imagery

Photography does the emotional work on this site, so it needs to be consistent: natural light, warm neutral surroundings, real hands and real places.

Photography style

  • Natural daylight, soft shadows, no heavy filters or colour grading.
  • Warm neutral backgrounds — linen, wood, stone, sand — so the accent colours stay special.
  • Show process as well as product: hands working, tools, half-finished pieces.
  • Island landscape shots for the St Helena Collection; keep horizons level.
  • Leave calm space in the frame where text will sit over an image.
  • No generic stock or AI-looking illustration.

Ratios & sizes

  • Hero: 16:9 desktop, 4:5 mobile crop — 2400px wide, under 400KB.
  • Product cards: 4:5 portrait, 1200×1500px.
  • Blog cards and featured images: 3:2, 1600×1067px.
  • Resource cards: 3:2, or a simple icon on a soft tint.
  • Workshop cards: 3:2 with the subject off-centre.
  • Export JPG at 80% quality; every image needs descriptive alt text.

Suggested page titles & descriptions

Paste these into the Wix SEO panel for each page. Titles stay under 60 characters, descriptions under 160.

PageTitle tagMeta description
HomeG-Unique Designs & Inspired Growth Hub | St HelenaHandmade jewellery, gifts and creative work from St Helena, plus resources, workshops and inspiration for intentional growth.
G-Unique DesignsHandmade Jewellery & Gifts from St Helena | G-Unique DesignsExplore handmade jewellery, gifts, the St Helena Collection and bespoke creative work — each piece made by hand on the island.
Inspired Growth HubInspired Growth Hub | Grow With IntentionA calm space for thoughtful growth: free resources, workshops, webinars and articles on creativity and intentional living.
BlogBlog | Creativity, Growth & InspirationArticles on creativity, gentle growth, island life and intentional living from G-Unique Designs and Inspired Growth Hub.
Free ResourcesFree Resources | Inspired Growth HubFree worksheets, guides, checklists and audio to support creativity, reflection and intentional living.
Workshops & WebinarsWorkshops & Webinars | Inspired Growth HubJoin online and in-person sessions on creativity, reflection and intentional growth — small groups, no experience needed.
CoursesOnline Courses — Coming Soon | Inspired Growth HubOnline learning from Inspired Growth Hub is on the way. Join the list to hear when the first course opens.
AboutAbout | G-Unique Designs & Inspired Growth HubThe values and purpose behind two connected brands: handmade creative work and a space for gentle, intentional growth.
ContactContact | G-Unique Designs & Inspired Growth HubQuestions about jewellery, commissions, workshops or collaboration? Send a message and we'll reply personally.

Rebuilding this in Wix

Everything here maps to a native Wix tool — no third-party systems, and nothing that gets harder to maintain as the site grows.

Blog & articles

Wix Blog

Categories mirror the filter pills. Featured post = the most recent pinned post.

Products, collections, resources, workshops

Wix CMS collections

One collection per card grid; each card is a repeater item.

Newsletter

Wix Forms + Wix Email Marketing

One reusable section reused on Home, Hub, Blog, Resources and Footer.

Contact form

Wix Forms

Enquiry reason as a dropdown routed to the right inbox label.

Workshops & registration

Wix Events or Wix Bookings

Card CTA links to the event page; keep the card layout unchanged.

Future courses

Wix Courses

Replace the 'coming soon' cards with course items — no redesign needed.

Shop (optional, later)

Wix Stores

Product cards already match a Stores gallery layout.

SEO & analytics

Wix SEO Setup Checklist + Analytics

Use the titles and descriptions listed above.