Create an account and sign in with the authentication provider shown on the login page. You land in the dashboard, where you configure your site.
Subdomain
In Basics, choose a unique subdomain. It becomes your public URL: https://yoursubdomain.typly.cc. Use lowercase letters, numbers, and hyphens only.
First publish
Open the page editor and write Markdown. Each # Heading creates a new page — and automatically appears in your site's navigation. Sub-headings (##) create sections within that page. Save — your site updates on the next load.
Writing content
Your site is plain Markdown. Typely builds navigation and layout from the heading hierarchy automatically — no configuration needed.
Page & section structure
# headings are Pages. Each one becomes an entry in your site's auto-generated navigation sidebar. Visitors click between pages just like a traditional website.
## headings are Sections — content blocks within the current page, scrolled to or rendered separately by the viewer.
The navigation is built automatically from your # headings — there is nothing to configure. Add a heading, save, and it appears in the nav instantly.
A reserved page name footer (# footer) renders as the site footer with links and content.
Add lists, links, images, bold, and italic with standard Markdown syntax inside any section.
Intro text and the content rule
You can place text directly under a # or ## heading, before any deeper subheading, and it will be displayed as the intro for that page or section:
# About
This intro paragraph appears at the top of the About page.
## My story
This text belongs to the My story section.
Internally Typely stores that intro under a reserved key called content. This means two things to be aware of:
content is a reserved section name. A ## content heading is treated as the page intro and will not appear as a navigation section. Do not name a real section "content".
You can write ## content explicitly if you prefer — it is equivalent to placing text directly under the # heading and is the older supported form.
Plugins in Markdown
Plugins use shortcodes anywhere in your Markdown, for example [contact-form] or [dropbox-gallery]. See Available plugins for the full reference.
# About
Welcome to my site — this is the About page.
## My story
A few sentences about me.
# Projects
## Project A
Description of project A.
## Project B
Description of project B.
# Contact
## Get in touch
[contact-form]
The example above produces three navigation items — About, Projects, and Contact — each with their own sections underneath.
Theming
In the dashboard Theme area you can pick how your published site looks.
White — light background, dark text.
Black — dark background, light text.
Dynamic — adapts based on context (as configured in Typely).
Theme choice applies to your public site at *.typly.cc (and to your custom domain when Pro and configured).
Blogs & articles
Blogs let you publish a stream of Markdown articles under your subdomain. Each blog lives at https://yoursite.typly.cc/b/<slug> and each article at /b/<slug>/<post-id>-<post-slug>.
Creating a blog
Open the Blogs section in your dashboard.
Click + New Blog, enter a name and a URL slug (e.g. photography), then click Create.
Free plan: 1 blog and up to 50 articles. Paid plans have no cap.
Writing an article
Open your blog, then click + New Post.
Type a title in the Post title field and write your content in the Markdown editor below it.
Click Publish. The first publish saves the post and assigns a permanent URL.
After saving, a View ↗ link appears in the post list — click it to see the live article.
The title field sets both the display title and the URL slug. Standard Markdown works in the content area: headings, lists, links, images, code blocks, and all shortcode plugins.
Display in navigation
Each blog row in the dashboard has an Add to nav toggle. When active (In nav ✓), a link to that blog appears in the navigation bar of your public site pages (including other blog pages).
Linking to a blog from your page
Use the [blog-link] shortcode anywhere in your Markdown page to insert a link to one of your blogs:
[blog-link](photography)
Replace photography with the blog's slug. The shortcode resolves the blog name automatically and renders a styled anchor.
Plugins
Use the dashboard Plugins page to connect services (Dropbox, YouTube, Twitch, Meta/Instagram, etc.).
In your page Markdown, insert shortcodes exactly as documented. Full syntax, parameters, and examples are in Available plugins below.
Available plugins
Reference for every Markdown shortcode shipped in Typely today. Names use lowercase with hyphens; parameters go in parentheses unless the shortcode takes none.
[dropbox-gallery]
Syntax
[dropbox-gallery] or [dropbox-gallery](/subfolder)
Parameters
Optional: a Dropbox folder path starting with /. Omit to use the folder configured in your dashboard. Pass a path to show a different folder on a specific page.
OAuth
Dropbox (dashboard).
Notes
Every folder gets its own cache — first visit fetches from Dropbox and warms the cache in the background; subsequent visits are served instantly. No integration ID required in Markdown.
[dropbox-media](file.ext) or [dropbox-media](file.ext:size) or [dropbox-media](a.jpg, b.jpg:size)
Parameters
One or more file names (or paths relative to your Dropbox folder), comma-separated. Append an optional :size suffix on the last filename to control display size. Accepted sizes: xsmall (160 px), small (320 px), original (natural size), large (640 px), xlarge (960 px). When omitted the image fills its container width.
OAuth
Inherits Dropbox Gallery connection.
Notes
Single file → one image or HTML5 video. Multiple files → small grid with click-to-modal for images.
None. Uses the site owner's connected YouTube account (subdomain resolution).
OAuth
Google / YouTube (dashboard).
Notes
Renders a grid of videos from the linked channel. Optionally set a target channel ID in the dashboard.
[youtube-channel]
Social profile buttons
Syntax
[youtube](handle), [twitch](handle), [instagram](handle), [tiktok](handle), [twitter](handle) or [x](handle), [facebook](handle)
Parameters
handle — platform username only (letters, numbers, ., _, -); optional leading @ is stripped. Do not paste profile URLs. Optional: append |#rrggbb (or #rgb / #rrggbbaa) for label/icon color.
source:path — currently only dropbox-gallery: is supported. The path is the Dropbox folder to pull images from (same path format as [dropbox-gallery]).
OAuth
Dropbox (dashboard).
Notes
Renders an absolutely-positioned full-width background behind the entire section — the shortcode can be placed anywhere in the section content. The section height is at least 75 % of the viewport. Multiple images crossfade automatically; a single image is static. A gradient overlay at the bottom transitions to your site's background colour so the next section scrolls over it seamlessly.
slug — the URL identifier of one of your blogs (e.g. photography). Must contain only lowercase letters, numbers, and hyphens.
OAuth
None.
Notes
Renders a link to the blog's public page (/b/<slug>). The blog's display name is resolved automatically from the database; if the blog is not found the slug is used as the link text.
The contact form can use Typely’s default reCAPTCHA setup on *.typly.cc. If you use a custom domain, you typically need your own reCAPTCHA keys registered for that domain — configure them where the dashboard exposes site keys.
Meta / Instagram (social stats)
For Instagram-related metrics in [social-stats], connect through Meta with an Instagram Business or Creator account linked to a Facebook Page you manage. Personal-only Instagram cannot use the Graph API flow described in the dashboard.
Custom domains
Custom domains are available on Basic and above. Free sites use username.typly.cc only.
When Pro custom domains are enabled for your account, the dashboard will let you enter your domain and show the exact DNS records to add. In general:
CNAME — Point your hostname (often www) at the target hostname shown in your dashboard after you save the domain. Use that value exactly; it is your site-specific routing target.
Apex / root domain — Many DNS providers need an ALIAS/ANAME or flattening to CNAME; plain A records may not match what Typely expects — follow your registrar’s docs or use a www CNAME first.
Verification — After DNS propagates, Typely verifies ownership / routing. Until verification succeeds, traffic may not serve your site on the custom host.
Automated certificate issuance (for example ACME DNS challenges) may be part of the verification flow; always follow the live instructions in the dashboard — they stay aligned with product changes.
Example record shape (replace values with those from your dashboard):
www CNAME target.example.typly.cc
Account & billing
Plans are summarized in the dashboard Account area.
Free — €0/mo: one site on username.typly.cc, Markdown editor, themes, core plugins (contact form, social shortcodes), blogs (1 blog / 50 articles), Typely branding in the footer.
Basic — €5/mo or €44/yr: everything in Free plus custom domain, remove Typely branding, Google Maps plugin, unlimited blogs and articles.
Pro — €9/mo or €79/yr: everything in Basic plus analytics & SEO tools, priority support.
Team — Per-seat pricing for organizations (see Account page for current numbers).
Exact entitlements can change; the dashboard always shows your current plan.
Typely documentation